nemesischart 2.0.8 → 2.0.10

package/dist/nemesischart.js

@@ -1,11 +1,11 @@
-import { ref as ot, shallowRef as Mt, onMounted as jt, onBeforeUnmount as Ht, watch as At, openBlock as l, createElementBlock as s, normalizeStyle as x, createElementVNode as k, computed as M, unref as r, normalizeClass as lt, renderSlot as L, createTextVNode as Y, toDisplayString as A, createCommentVNode as g, createVNode as ft, Fragment as yt, renderList as mt, useCssVars as Vt } from "vue";
-import { Chart as Rt, Title as Nt, Tooltip as Pt, Legend as Dt, Filler as It, LineController as Wt, LineElement as Ot, PointElement as Xt, BarController as Yt, BarElement as Jt, PieController as Qt, PolarAreaController as Ut, ArcElement as Gt, CategoryScale as Zt, LinearScale as Kt, RadialLinearScale as _t } from "chart.js";
-const at = (t, y) => {
-  const e = t.__vccOpts || t;
-  for (const [d, o] of y)
-    e[d] = o;
-  return e;
-}, te = {
+import { ref as ne, shallowRef as _e, onMounted as et, onBeforeUnmount as tt, watch as ie, openBlock as y, createElementBlock as v, normalizeStyle as q, createElementVNode as E, computed as F, renderSlot as $, createTextVNode as j, toDisplayString as L, createCommentVNode as S, unref as g, normalizeClass as Q, createVNode as P, createSlots as J, withCtx as z, createBlock as ce, Fragment as Me, renderList as De, withKeys as Fe, withModifiers as Ie, useCssVars as at } from "vue";
+import { Chart as Le, Title as ot, Tooltip as nt, Legend as rt, Filler as lt, LineController as st, LineElement as it, PointElement as ct, BarController as dt, BarElement as ut, PieController as pt, PolarAreaController as ft, ArcElement as gt, CategoryScale as mt, LinearScale as ht, RadialLinearScale as yt } from "chart.js";
+const W = (e, r) => {
+  const t = e.__vccOpts || e;
+  for (const [n, a] of r)
+    t[n] = a;
+  return t;
+}, vt = {
   __name: "ChartBase",
   props: {
     type: { type: String, required: !0 },
@@ -15,144 +15,317 @@ const at = (t, y) => {
     height: { type: [String, Number], default: 300 },
     width: { type: [String, Number], default: null }
   },
-  setup(t, { expose: y }) {
-    Rt.register(
-      Nt,
-      Pt,
-      Dt,
-      It,
-      Wt,
-      Ot,
-      Xt,
-      Yt,
-      Jt,
-      Qt,
-      Ut,
-      Gt,
-      Zt,
-      Kt,
-      _t
+  setup(e, { expose: r }) {
+    Le.register(
+      ot,
+      nt,
+      rt,
+      lt,
+      st,
+      it,
+      ct,
+      dt,
+      ut,
+      pt,
+      ft,
+      gt,
+      mt,
+      ht,
+      yt
     );
-    const e = t, d = ot(null), o = Mt(null), B = {
+    const t = e, n = ne(null), a = _e(null), u = {
       responsive: !0,
       maintainAspectRatio: !1,
       plugins: {
         legend: { position: "top" }
       }
     };
-    function $() {
-      return { ...B, ...e.options };
+    function c() {
+      return { ...u, ...t.options };
     }
-    function R() {
-      d.value && (o.value = new Rt(d.value, {
-        type: e.type,
-        data: e.data,
-        options: $(),
-        plugins: e.plugins
+    function p() {
+      n.value && (a.value = new Le(n.value, {
+        type: t.type,
+        data: t.data,
+        options: c(),
+        plugins: t.plugins
       }));
     }
-    function I() {
-      o.value && (o.value.destroy(), o.value = null);
+    function m() {
+      a.value && (a.value.destroy(), a.value = null);
     }
-    return jt(R), Ht(I), At(
-      () => e.data,
-      (w) => {
-        if (!o.value) return;
-        o.value.data.labels = w.labels;
-        const F = o.value.data.datasets, z = w.datasets;
-        F.length !== z.length ? o.value.data.datasets = z : z.forEach((Q, X) => Object.assign(F[X], Q)), o.value.update();
+    return et(p), tt(m), ie(
+      () => t.data,
+      (l) => {
+        if (!a.value) return;
+        a.value.data.labels = l.labels;
+        const d = a.value.data.datasets, h = l.datasets;
+        d.length !== h.length ? a.value.data.datasets = h : h.forEach((b, A) => Object.assign(d[A], b)), a.value.update();
       },
       { deep: !0 }
-    ), At(
-      () => e.options,
+    ), ie(
+      () => t.options,
       () => {
-        o.value && (o.value.options = $(), o.value.update());
+        a.value && (a.value.options = c(), a.value.update());
       },
       { deep: !0 }
-    ), y({ chart: o }), (w, F) => (l(), s("div", {
-      class: "nc-chart-wrapper w-full",
-      style: x({
-        height: typeof t.height == "number" ? `${t.height}px` : t.height,
-        width: t.width ? typeof t.width == "number" ? `${t.width}px` : t.width : "100%"
+    ), ie(
+      () => t.type,
+      () => {
+        m(), p();
+      }
+    ), r({ chart: a }), (l, d) => (y(), v("div", {
+      class: "nc-chart-wrapper",
+      style: q({
+        height: typeof e.height == "number" ? `${e.height}px` : e.height,
+        width: e.width ? typeof e.width == "number" ? `${e.width}px` : e.width : "100%"
       })
     }, [
-      k("canvas", {
+      E("canvas", {
         ref_key: "canvasRef",
-        ref: d
+        ref: n
       }, null, 512)
     ], 4));
   }
-}, st = /* @__PURE__ */ at(te, [["__scopeId", "data-v-9828990e"]]);
-function ee(t) {
-  const y = t.replace("#", ""), e = y.length === 3 ? y.split("").map((Q) => Q + Q).join("") : y, d = parseInt(e.slice(0, 2), 16) / 255, o = parseInt(e.slice(2, 4), 16) / 255, B = parseInt(e.slice(4, 6), 16) / 255, $ = Math.max(d, o, B), R = Math.min(d, o, B), I = ($ + R) / 2;
-  if ($ === R) return [0, 0, I * 100];
-  const w = $ - R, F = I > 0.5 ? w / (2 - $ - R) : w / ($ + R);
-  let z;
-  return $ === d ? z = ((o - B) / w + (o < B ? 6 : 0)) / 6 : $ === o ? z = ((B - d) / w + 2) / 6 : z = ((d - o) / w + 4) / 6, [z * 360, F * 100, I * 100];
+}, Y = /* @__PURE__ */ W(vt, [["__scopeId", "data-v-cafc7888"]]);
+function bt(e) {
+  const r = e.replace("#", ""), t = r.length === 3 ? r.split("").map((b) => b + b).join("") : r, n = parseInt(t.slice(0, 2), 16) / 255, a = parseInt(t.slice(2, 4), 16) / 255, u = parseInt(t.slice(4, 6), 16) / 255, c = Math.max(n, a, u), p = Math.min(n, a, u), m = (c + p) / 2;
+  if (c === p) return [0, 0, m * 100];
+  const l = c - p, d = m > 0.5 ? l / (2 - c - p) : l / (c + p);
+  let h;
+  return c === n ? h = ((a - u) / l + (a < u ? 6 : 0)) / 6 : c === a ? h = ((u - n) / l + 2) / 6 : h = ((n - a) / l + 4) / 6, [h * 360, d * 100, m * 100];
 }
-function oe(t, y, e) {
-  t /= 360, y /= 100, e /= 100;
-  const d = e < 0.5 ? e * (1 + y) : e + y - e * y, o = 2 * e - d, B = (w) => (w < 0 && (w += 1), w > 1 && (w -= 1), w < 1 / 6 ? o + (d - o) * 6 * w : w < 1 / 2 ? d : w < 2 / 3 ? o + (d - o) * (2 / 3 - w) * 6 : o), $ = y === 0 ? e : B(t + 1 / 3), R = y === 0 ? e : B(t), I = y === 0 ? e : B(t - 1 / 3);
-  return "#" + [$, R, I].map((w) => Math.round(w * 255).toString(16).padStart(2, "0")).join("");
+function xt(e, r, t) {
+  e /= 360, r /= 100, t /= 100;
+  const n = t < 0.5 ? t * (1 + r) : t + r - t * r, a = 2 * t - n, u = (l) => (l < 0 && (l += 1), l > 1 && (l -= 1), l < 1 / 6 ? a + (n - a) * 6 * l : l < 1 / 2 ? n : l < 2 / 3 ? a + (n - a) * (2 / 3 - l) * 6 : a), c = r === 0 ? t : u(e + 1 / 3), p = r === 0 ? t : u(e), m = r === 0 ? t : u(e - 1 / 3);
+  return "#" + [c, p, m].map((l) => Math.round(l * 255).toString(16).padStart(2, "0")).join("");
 }
-function bt(t, y = 7) {
-  if (!(t != null && t.startsWith("#"))) return Array.from({ length: y }, () => t ?? "#3B82F6");
-  const [e, d] = ee(t), o = 20, B = 72;
-  return Array.from({ length: y }, ($, R) => {
-    const I = y === 1 ? 0.5 : R / (y - 1), w = o + I * (B - o), F = Math.max(50, d - Math.max(0, w - 55) * 0.6);
-    return oe(e, F, w);
+function de(e, r = 7) {
+  if (!(e != null && e.startsWith("#"))) return Array.from({ length: r }, () => e ?? "#3B82F6");
+  const [t, n] = bt(e), a = 20, u = 72;
+  return Array.from({ length: r }, (c, p) => {
+    const m = r === 1 ? 0.5 : p / (r - 1), l = a + m * (u - a), d = Math.max(50, n - Math.max(0, l - 55) * 0.6);
+    return xt(t, d, l);
   });
 }
-const ae = {
+const $t = {
   light: { bg: "#ffffff", text: "#000000", muted: "#64748B", grid: "rgba(15,23,42,0.06)" },
   dark: { bg: "#000000", text: "#ffffff", muted: "#7b7b7b", grid: "rgba(255,255,255,0.08)" },
   transparent: { bg: "transparent", text: "inherit", muted: "#7b7b7b", grid: "rgba(127,127,127,0.15)" }
 };
-function D(t, y) {
-  if (!t) return `rgba(59,130,246,${y})`;
-  if (t.startsWith("#")) {
-    const e = t.replace("#", ""), d = e.length === 3 ? e.split("").map((R) => R + R).join("") : e, o = parseInt(d.slice(0, 2), 16), B = parseInt(d.slice(2, 4), 16), $ = parseInt(d.slice(4, 6), 16);
-    return `rgba(${o},${B},${$},${y})`;
+function D(e, r) {
+  if (!e) return `rgba(59,130,246,${r})`;
+  if (e.startsWith("#")) {
+    const t = e.replace("#", ""), n = t.length === 3 ? t.split("").map((p) => p + p).join("") : t, a = parseInt(n.slice(0, 2), 16), u = parseInt(n.slice(2, 4), 16), c = parseInt(n.slice(4, 6), 16);
+    return `rgba(${a},${u},${c},${r})`;
   }
-  if (t.startsWith("rgb")) {
-    const e = t.match(/[\d.]+/g);
-    if (e && e.length >= 3) return `rgba(${e[0]},${e[1]},${e[2]},${y})`;
+  if (e.startsWith("rgb")) {
+    const t = e.match(/[\d.]+/g);
+    if (t && t.length >= 3) return `rgba(${t[0]},${t[1]},${t[2]},${r})`;
   }
-  return t;
+  return e;
 }
-function it(t) {
-  const y = M(() => {
-    const d = ae[t.tema], o = d ? { ...d, bg: t.corFundo || d.bg } : { bg: t.corFundo || t.tema, text: "#F8FAFC", muted: "#7b7b7b", grid: "rgba(255,255,255,0.08)" };
+function G(e) {
+  const r = F(() => {
+    const n = $t[e.tema], a = n ? { ...n, bg: e.corFundo || n.bg } : { bg: e.corFundo || e.tema, text: "#F8FAFC", muted: "#7b7b7b", grid: "rgba(255,255,255,0.08)" };
     return {
-      ...o,
-      text: t.corTexto || o.text,
-      muted: t.corTexto || o.muted
+      ...a,
+      text: e.corTexto || a.text,
+      muted: e.corTexto || a.muted
     };
-  }), e = M(() => ({
-    background: y.value.bg,
-    color: y.value.text,
-    borderRadius: typeof t.borderRadius == "number" ? `${t.borderRadius}px` : t.borderRadius,
-    boxShadow: t.sombra,
-    border: t.corBorda ? `1px solid ${t.corBorda}` : "none"
+  }), t = F(() => ({
+    background: r.value.bg,
+    color: r.value.text,
+    borderRadius: typeof e.borderRadius == "number" ? `${e.borderRadius}px` : e.borderRadius,
+    boxShadow: e.sombra,
+    border: e.corBorda ? `1px solid ${e.corBorda}` : "none"
   }));
-  return { palette: y, cardStyle: e, toRgba: D };
+  return { palette: r, cardStyle: t, toRgba: D };
 }
-function pt(t) {
-  const y = M(() => t.tipoValor === "moeda" ? new Intl.NumberFormat(t.locale, { style: "currency", currency: t.moeda }) : t.tipoValor === "percentual" ? new Intl.NumberFormat(t.locale, { style: "percent", maximumFractionDigits: 2 }) : new Intl.NumberFormat(t.locale, { maximumFractionDigits: 2 }));
-  function e(d) {
-    if (d == null) return "";
-    const o = Number(d);
-    return Number.isNaN(o) ? String(d) : t.tipoValor === "percentual" ? y.value.format(o / 100) : y.value.format(o);
+function ze(e, r) {
+  const t = window.getComputedStyle(e);
+  let n = "";
+  for (let a = 0; a < t.length; a++) {
+    const u = t[a];
+    let c = t.getPropertyValue(u);
+    if (c && c.indexOf("url(") !== -1 && !/url\(["']?data:/.test(c))
+      if (u === "background-image" || u === "background" || u === "mask-image" || u === "border-image" || u === "border-image-source")
+        c = "none";
+      else
+        continue;
+    n += `${u}:${c};`;
   }
-  return { formatador: y, formatar: e };
+  r.setAttribute("style", n);
+}
+function Ct(e, r) {
+  ze(e, r);
+  const t = e.querySelectorAll("*"), n = r.querySelectorAll("*");
+  for (let a = 0; a < t.length; a++)
+    n[a] && ze(t[a], n[a]);
 }
-function gt(t, { caretFlexivel: y = !1 } = {}) {
-  let e = t.querySelector(".nc-tt");
-  if (e) return e;
-  e = document.createElement("div"), e.className = "nc-tt", Object.assign(e.style, {
+function kt(e, r) {
+  const t = e.querySelectorAll("canvas"), n = r.querySelectorAll("canvas");
+  t.forEach((a, u) => {
+    if (!n[u]) return;
+    const c = document.createElement("img");
+    try {
+      c.src = a.toDataURL("image/png");
+    } catch {
+      return;
+    }
+    const p = a.getBoundingClientRect();
+    c.setAttribute("style", `width:${p.width}px;height:${p.height}px;display:block;`), n[u].replaceWith(c);
+  });
+}
+async function St(e, r = {}) {
+  if (!e) return;
+  const {
+    nomeArquivo: t = "componente.png",
+    escala: n = 2,
+    corFundo: a = null
+  } = r, u = e.getBoundingClientRect(), c = Math.ceil(u.width), p = Math.ceil(u.height), m = e.cloneNode(!0);
+  Ct(e, m), kt(e, m), m.style.margin = "0", m.style.transform = "none";
+  const l = new XMLSerializer().serializeToString(m), d = `<svg xmlns="http://www.w3.org/2000/svg" width="${c}" height="${p}"><foreignObject width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml" style="width:${c}px;height:${p}px;">` + l + "</div></foreignObject></svg>", b = "data:image/svg+xml;base64," + (typeof window < "u" && window.btoa ? window.btoa(unescape(encodeURIComponent(d))) : ""), A = new Image();
+  await new Promise((s, x) => {
+    A.onload = s, A.onerror = x, A.src = b;
+  });
+  const k = document.createElement("canvas");
+  k.width = c * n, k.height = p * n;
+  const R = k.getContext("2d");
+  R.scale(n, n), a && (R.fillStyle = a, R.fillRect(0, 0, c, p)), R.drawImage(A, 0, 0);
+  let M;
+  try {
+    M = k.toDataURL("image/png");
+  } catch (s) {
+    console.error("Falha ao exportar imagem: canvas contaminado.", s);
+    return;
+  }
+  const o = document.createElement("a");
+  o.download = t, o.href = M, document.body.appendChild(o), o.click(), document.body.removeChild(o);
+}
+const Ne = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>';
+function K(e, r, t) {
+  const n = ne(null);
+  async function a() {
+    await St(n.value, {
+      nomeArquivo: e.nomeArquivoExport,
+      corFundo: r.value.bg !== "transparent" ? r.value.bg : null
+    }), t("exportado");
+  }
+  return { cardRef: n, onExportar: a, iconeExportar: Ne };
+}
+const At = { class: "nc-topo nc-flex nc-align-items-start nc-justify-content-between nc-gap-3" }, Bt = {
+  key: 0,
+  class: "nc-legendas-flex nc-flex nc-flex-column"
+}, Rt = {
+  key: 1,
+  class: "nc-actions nc-inline-flex nc-align-items-center nc-gap-2"
+}, qt = ["innerHTML"], wt = {
+  __name: "CardCabecalho",
+  props: {
+    legenda: { type: String, default: null },
+    sublegenda: { type: String, default: null },
+    palette: { type: Object, required: !0 },
+    textoBotao: { type: String, default: "Ver mais" },
+    botaoVisivel: { type: Boolean, default: !1 },
+    exportar: { type: Boolean, default: !1 },
+    opacidadeLegenda: { type: [Number, String], default: 0.95 }
+  },
+  emits: ["botaoAcao", "exportar"],
+  setup(e, { emit: r }) {
+    const t = r, n = Ne;
+    return (a, u) => (y(), v("div", At, [
+      a.$slots.legenda || e.legenda || a.$slots.sublegenda || e.sublegenda ? (y(), v("div", Bt, [
+        a.$slots.legenda || e.legenda ? (y(), v("div", {
+          key: 0,
+          class: "nc-text-xs nc-font-medium",
+          style: q({ color: e.palette.text, opacity: e.opacidadeLegenda })
+        }, [
+          $(a.$slots, "legenda", {}, () => [
+            j(L(e.legenda), 1)
+          ], !0)
+        ], 4)) : S("", !0),
+        a.$slots.sublegenda || e.sublegenda ? (y(), v("div", {
+          key: 1,
+          class: "nc-text-xs",
+          style: q({ color: e.palette.muted })
+        }, [
+          $(a.$slots, "sublegenda", {}, () => [
+            j(L(e.sublegenda), 1)
+          ], !0)
+        ], 4)) : S("", !0)
+      ])) : S("", !0),
+      a.$slots.actions || e.botaoVisivel || e.exportar ? (y(), v("div", Rt, [
+        $(a.$slots, "actions", {}, () => [
+          e.botaoVisivel ? (y(), v("button", {
+            key: 0,
+            class: "nc-btn nc-inline-flex nc-align-items-center",
+            style: q({ color: e.palette.text, borderColor: g(D)(e.palette.text, 0.18) }),
+            onClick: u[0] || (u[0] = (c) => t("botaoAcao"))
+          }, [
+            E("span", null, L(e.textoBotao), 1)
+          ], 4)) : S("", !0)
+        ], !0),
+        e.exportar ? (y(), v("button", {
+          key: 0,
+          type: "button",
+          class: "nc-exportar nc-inline-flex nc-align-items-center nc-justify-content-center",
+          style: q({ color: e.palette.muted, borderColor: g(D)(e.palette.text, 0.18) }),
+          title: "Exportar como imagem",
+          "aria-label": "Exportar como imagem",
+          onClick: u[1] || (u[1] = (c) => t("exportar")),
+          innerHTML: g(n)
+        }, null, 12, qt)) : S("", !0)
+      ])) : S("", !0)
+    ]));
+  }
+}, _ = /* @__PURE__ */ W(wt, [["__scopeId", "data-v-35f0d105"]]), Tt = { class: "nc-titulos nc-flex nc-flex-column" }, ue = {
+  __name: "CardTitulos",
+  props: {
+    titulo: { type: String, default: null },
+    descricao: { type: String, default: null },
+    palette: { type: Object, required: !0 }
+  },
+  setup(e) {
+    return (r, t) => (y(), v("div", Tt, [
+      r.$slots.titulo || e.titulo ? (y(), v("div", {
+        key: 0,
+        class: "nc-m-0 nc-text-3xl nc-font-semibold",
+        style: q({ color: e.palette.text, lineHeight: "33px", letterSpacing: "-1px" })
+      }, [
+        $(r.$slots, "titulo", {}, () => [
+          j(L(e.titulo), 1)
+        ])
+      ], 4)) : S("", !0),
+      r.$slots.descricao || e.descricao ? (y(), v("div", {
+        key: 1,
+        class: "nc-text-sm nc-mt-1",
+        style: q({ color: e.palette.muted })
+      }, [
+        $(r.$slots, "descricao", {}, () => [
+          j(L(e.descricao), 1)
+        ])
+      ], 4)) : S("", !0)
+    ]));
+  }
+};
+function ee(e) {
+  const r = F(() => e.tipoValor === "moeda" ? new Intl.NumberFormat(e.locale, { style: "currency", currency: e.moeda }) : e.tipoValor === "percentual" ? new Intl.NumberFormat(e.locale, { style: "percent", maximumFractionDigits: 2 }) : new Intl.NumberFormat(e.locale, { maximumFractionDigits: 2 }));
+  function t(n) {
+    if (n == null) return "";
+    const a = Number(n);
+    return Number.isNaN(a) ? String(n) : e.tipoValor === "percentual" ? r.value.format(a / 100) : r.value.format(a);
+  }
+  return { formatador: r, formatar: t };
+}
+const oe = "1px solid rgba(15,23,42,.06)";
+function pe(e, { caretFlexivel: r = !1 } = {}) {
+  let t = e.querySelector(".nc-tt");
+  if (t) return t;
+  t = document.createElement("div"), t.className = "nc-tt", Object.assign(t.style, {
     position: "absolute",
     pointerEvents: "none",
-    transform: y ? "translateX(-50%)" : "translate(-50%, calc(-100% - 16px))",
+    transform: r ? "translateX(-50%)" : "translate(-50%, calc(-100% - 16px))",
     transition: "opacity .18s ease, left .12s ease, top .12s ease",
     opacity: "0",
     background: "#ffffff",
@@ -166,9 +339,9 @@ function gt(t, { caretFlexivel: y = !1 } = {}) {
     fontFamily: "inherit",
     textAlign: "left"
   });
-  const d = document.createElement("div");
-  d.className = "nc-tt__caret";
-  const o = {
+  const n = document.createElement("div");
+  n.className = "nc-tt__caret";
+  const a = {
     position: "absolute",
     left: "50%",
     width: "10px",
@@ -177,120 +350,249 @@ function gt(t, { caretFlexivel: y = !1 } = {}) {
     transform: "translateX(-50%) rotate(45deg)",
     borderRadius: "2px"
   };
-  y ? Object.assign(d.style, o) : Object.assign(d.style, o, {
+  r ? Object.assign(n.style, a) : Object.assign(n.style, a, {
     bottom: "-5px",
     borderRight: "1px solid rgba(15,23,42,.06)",
     borderBottom: "1px solid rgba(15,23,42,.06)"
-  }), e.appendChild(d);
-  const B = document.createElement("div");
-  return B.className = "nc-tt__content", Object.assign(B.style, { position: "relative", background: "#fff", borderRadius: "8px" }), e.appendChild(B), t.appendChild(e), e;
+  }), t.appendChild(n);
+  const u = document.createElement("div");
+  return u.className = "nc-tt__content", Object.assign(u.style, { position: "relative", background: "#fff", borderRadius: "8px" }), t.appendChild(u), e.appendChild(t), t;
 }
-function rt(t) {
-  const y = t.canvas.parentNode;
-  return y ? (getComputedStyle(y).position === "static" && (y.style.position = "relative"), y) : null;
+function fe(e) {
+  const r = e.canvas.parentNode;
+  return r ? (getComputedStyle(r).position === "static" && (r.style.position = "relative"), r) : null;
 }
-function nt(t, y, e, d = 4) {
-  const o = y / 2;
-  return t - o < d ? o + d : t + o > e - d ? e - o - d : t;
+function ge(e, r, t, n = 4) {
+  const a = r / 2;
+  return e - a < n ? a + n : e + a > t - n ? t - a - n : e;
 }
-function wt(t, y) {
-  const e = window.getComputedStyle(t);
-  let d = "";
-  for (let o = 0; o < e.length; o++) {
-    const B = e[o];
-    let $ = e.getPropertyValue(B);
-    if ($ && $.indexOf("url(") !== -1 && !/url\(["']?data:/.test($))
-      if (B === "background-image" || B === "background" || B === "mask-image" || B === "border-image" || B === "border-image-source")
-        $ = "none";
-      else
-        continue;
-    d += `${B}:${$};`;
-  }
-  y.setAttribute("style", d);
+function me(e) {
+  return e ? `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${e}</div>` : "";
 }
-function re(t, y) {
-  wt(t, y);
-  const e = t.querySelectorAll("*"), d = y.querySelectorAll("*");
-  for (let o = 0; o < e.length; o++)
-    d[o] && wt(e[o], d[o]);
+function Oe(e) {
+  return e ? `<div style="font-size:11px;font-weight:500;color:#64748B;line-height:1.3;margin-top:3px;">${e}</div>` : "";
 }
-function ne(t, y) {
-  const e = t.querySelectorAll("canvas"), d = y.querySelectorAll("canvas");
-  e.forEach((o, B) => {
-    if (!d[B]) return;
-    const $ = document.createElement("img");
-    try {
-      $.src = o.toDataURL("image/png");
-    } catch {
+function he(e, r, { nome: t = "", alinharDireita: n = !1, margemTopo: a = !1 } = {}) {
+  const u = t ? `<span style="font-size:11px;color:#64748B;margin-right:6px;">${t}</span>` : "";
+  return `<div style="display:flex;align-items:center;gap:6px;${a ? "margin-top:2px;" : ""}"><span style="width:6px;height:6px;border-radius:999px;background:${e};box-shadow:0 0 0 2px ${D(e, 0.15)};flex:0 0 auto;"></span>` + u + `<span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;${n ? "margin-left:auto;" : ""}">${r}</span></div>`;
+}
+function je(e, r) {
+  e && (r ? Object.assign(e.style, {
+    top: "-5px",
+    bottom: "",
+    borderLeft: oe,
+    borderTop: oe,
+    borderRight: "",
+    borderBottom: ""
+  }) : Object.assign(e.style, {
+    top: "",
+    bottom: "-5px",
+    borderRight: oe,
+    borderBottom: oe,
+    borderLeft: "",
+    borderTop: ""
+  }));
+}
+function ye({ corDe: e, valorDe: r, linhasExtrasDe: t = null, deveOcultar: n = () => !1 }) {
+  return function(u) {
+    const { chart: c, tooltip: p } = u, m = fe(c);
+    if (!m) return;
+    const l = pe(m);
+    if (p.opacity === 0 || n()) {
+      l.style.opacity = "0";
       return;
     }
-    const R = o.getBoundingClientRect();
-    $.setAttribute("style", `width:${R.width}px;height:${R.height}px;display:block;`), d[B].replaceWith($);
-  });
+    const d = p.dataPoints && p.dataPoints[0], h = l.querySelector(".nc-tt__content"), b = d && t ? t(d) : [], A = (Array.isArray(b) ? b : [b]).filter(Boolean);
+    h.innerHTML = me((p.title || []).join(" ")) + he(d ? e(d) : "#3B82F6", d ? r(d) : "") + A.map((T) => Oe(T)).join("");
+    const { offsetLeft: k, offsetTop: R } = c.canvas;
+    l.style.opacity = "1", l.style.visibility = "hidden", l.style.left = "0px", l.style.top = "0px";
+    const M = l.offsetWidth, o = l.offsetHeight, s = 4, x = k + p.caretX, f = R + p.caretY, C = ge(x, M, m.clientWidth, s), i = f < o + 16 + s;
+    l.style.transform = i ? "translate(-50%, 16px)" : "translate(-50%, calc(-100% - 16px))";
+    const B = l.querySelector(".nc-tt__caret");
+    if (je(B, i), B) {
+      const T = x - C, w = M / 2, I = Math.max(-w + 8, Math.min(w - 8, T));
+      B.style.left = `calc(50% + ${I}px)`;
+    }
+    l.style.left = C + "px", l.style.top = f + "px", l.style.visibility = "visible";
+  };
 }
-async function ct(t, y = {}) {
-  if (!t) return;
-  const {
-    nomeArquivo: e = "componente.png",
-    escala: d = 2,
-    corFundo: o = null
-  } = y, B = t.getBoundingClientRect(), $ = Math.ceil(B.width), R = Math.ceil(B.height), I = t.cloneNode(!0);
-  re(t, I), ne(t, I), I.style.margin = "0", I.style.transform = "none";
-  const w = new XMLSerializer().serializeToString(I), F = `<svg xmlns="http://www.w3.org/2000/svg" width="${$}" height="${R}"><foreignObject width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml" style="width:${$}px;height:${R}px;">` + w + "</div></foreignObject></svg>", Q = "data:image/svg+xml;base64," + (typeof window < "u" && window.btoa ? window.btoa(unescape(encodeURIComponent(F))) : ""), X = new Image();
-  await new Promise((j, G) => {
-    X.onload = j, X.onerror = G, X.src = Q;
-  });
-  const _ = document.createElement("canvas");
-  _.width = $ * d, _.height = R * d;
-  const K = _.getContext("2d");
-  K.scale(d, d), o && (K.fillStyle = o, K.fillRect(0, 0, $, R)), K.drawImage(X, 0, 0);
-  let p;
-  try {
-    p = _.toDataURL("image/png");
-  } catch (j) {
-    console.error("Falha ao exportar imagem: canvas contaminado.", j);
-    return;
-  }
-  const E = document.createElement("a");
-  E.download = e, E.href = p, document.body.appendChild(E), E.click(), document.body.removeChild(E);
+function Et(e, r, t, n, a, u, c) {
+  e.fillStyle = r.corRotulo, e.beginPath(), e.roundRect ? e.roundRect(t, n, a, u, c) : (e.moveTo(t + c, n), e.lineTo(t + a - c, n), e.quadraticCurveTo(t + a, n, t + a, n + c), e.lineTo(t + a, n + u - c), e.quadraticCurveTo(t + a, n + u, t + a - c, n + u), e.lineTo(t + c, n + u), e.quadraticCurveTo(t, n + u, t, n + u - c), e.lineTo(t, n + c), e.quadraticCurveTo(t, n, t + c, n)), e.fill(), e.fillStyle = r.corTexto, e.textBaseline = "middle", e.textAlign = "center", e.fillText(r.rotulo, t + a / 2, n + u / 2);
 }
-const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>', le = { class: "card-linhas__header flex flex-column" }, se = { class: "card-linhas__topo flex align-items-start justify-content-between gap-3" }, ie = {
-  key: 0,
-  class: "nc-legendas-flex flex flex-column"
-}, ce = {
-  key: 1,
-  class: "nc-actions inline-flex align-items-center gap-2"
-}, de = ["innerHTML"], ue = {
-  key: 0,
-  class: "card-linhas__titulos mt-3 mb-2 flex flex-column"
-}, fe = { class: "card-linhas__chart flex-1" }, pe = {
-  key: 0,
-  class: "card-linhas__footer mt-3"
-}, ge = {
-  __name: "CardLinhas",
-  props: {
+function Ft(e) {
+  let r = e.querySelector(".nc-tt-linhaRef");
+  return r || (r = document.createElement("div"), r.className = "nc-tt-linhaRef", Object.assign(r.style, {
+    position: "absolute",
+    pointerEvents: "none",
+    transform: "translate(-50%, calc(-100% - 12px))",
+    transition: "opacity .18s ease, left .12s ease, top .12s ease",
+    opacity: "0",
+    background: "#ffffff",
+    borderRadius: "10px",
+    padding: "8px 11px",
+    boxShadow: "0 1px 2px rgba(15,23,42,.06), 0 8px 24px rgba(15,23,42,.12)",
+    border: "1px solid rgba(15,23,42,.06)",
+    whiteSpace: "nowrap",
+    zIndex: "11",
+    fontFamily: "'Inter', sans-serif",
+    textAlign: "left"
+  }), e.appendChild(r), r);
+}
+function Pe({ linhasReferencia: e, horizontal: r = () => !1, formatar: t }) {
+  const n = F(() => {
+    const p = e();
+    return p ? (Array.isArray(p) ? p : [p]).filter((l) => l && (typeof l == "number" || typeof l.valor == "number")).map((l) => typeof l == "number" ? { valor: l, rotulo: null, cor: "#0F172A", corRotulo: "#0F172A", corTexto: "#FFFFFF", tracejado: [6, 6], espessura: 1 } : {
+      valor: l.valor,
+      rotulo: l.rotulo ?? null,
+      cor: l.cor || "#0F172A",
+      corRotulo: l.corRotulo || l.cor || "#0F172A",
+      corTexto: l.corTexto || "#FFFFFF",
+      tracejado: l.tracejado || [6, 6],
+      espessura: l.espessura ?? 1
+    }) : [];
+  }), a = [];
+  let u = null;
+  return {
+    linhasNormalizadas: n,
+    pluginLinhaReferencia: {
+      id: "linhaReferencia",
+      afterDatasetsDraw(p) {
+        const m = n.value;
+        if (a.length = 0, !m.length) return;
+        const { ctx: l, chartArea: d, scales: h } = p, b = r(), A = b ? h.x : h.y;
+        A && m.forEach((k) => {
+          const R = A.getPixelForValue(k.valor);
+          if (a.push({ linha: k, pos: R, horizontal: b, chartArea: d }), l.save(), l.beginPath(), l.setLineDash(k.tracejado), l.lineWidth = k.espessura, l.strokeStyle = k.cor, b) {
+            if (R < d.left || R > d.right) {
+              l.restore();
+              return;
+            }
+            l.moveTo(R, d.top), l.lineTo(R, d.bottom);
+          } else {
+            if (R < d.top || R > d.bottom) {
+              l.restore();
+              return;
+            }
+            l.moveTo(d.left, R), l.lineTo(d.right, R);
+          }
+          if (l.stroke(), l.setLineDash([]), k.rotulo) {
+            l.font = "600 11px 'Inter', sans-serif";
+            const M = 8, o = 5, x = l.measureText(k.rotulo).width, f = 12, C = x + M * 2, i = f + o * 2, B = i / 2;
+            let T, w;
+            b ? (T = R - C / 2, w = d.top - i - 6, w < 0 && (w = d.top + 6)) : (T = d.left - C - 6, w = R - i / 2, T < 0 && (T = d.left + 6)), Et(l, k, T, w, C, i, B);
+          }
+          l.restore();
+        });
+      },
+      beforeEvent(p, m) {
+        if (!a.length) {
+          u = null;
+          return;
+        }
+        const l = m.event;
+        if (!l || l.type === "mouseout" || l.x == null || l.y == null) {
+          u = null;
+          return;
+        }
+        const d = 8;
+        let h = null, b = 1 / 0;
+        for (const A of a) {
+          const k = A.horizontal ? Math.abs(l.x - A.pos) : Math.abs(l.y - A.pos), R = A.horizontal ? l.y >= A.chartArea.top && l.y <= A.chartArea.bottom : l.x >= A.chartArea.left && l.x <= A.chartArea.right;
+          k <= d && R && k < b && (b = k, h = A);
+        }
+        u = h;
+      },
+      afterEvent(p, m) {
+        if (!a.length) return;
+        const l = m.event;
+        if (!l) return;
+        const d = fe(p);
+        if (!d) return;
+        if (!u) {
+          const B = d.querySelector(".nc-tt-linhaRef");
+          B && (B.style.opacity = "0");
+          return;
+        }
+        const h = u, b = Ft(d), A = h.linha.cor || "#0F172A";
+        b.innerHTML = me(h.linha.rotulo) + he(A, t(h.linha.valor));
+        const k = p.canvas;
+        b.style.opacity = "1", b.style.visibility = "hidden", b.style.left = "0px", b.style.top = "0px";
+        const R = b.offsetWidth, M = b.offsetHeight, o = 4;
+        let s, x;
+        h.horizontal ? (s = k.offsetLeft + h.pos, x = k.offsetTop + l.y) : (s = k.offsetLeft + l.x, x = k.offsetTop + h.pos);
+        const f = ge(s, R, d.clientWidth, o);
+        let C = x;
+        const i = M + 16 + o;
+        C < i && (C = i), b.style.left = f + "px", b.style.top = C + "px", b.style.visibility = "visible";
+      }
+    },
+    temLinhaHover: () => !!u
+  };
+}
+const It = "0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)";
+function ve(e, r) {
+  if (!r) return e;
+  const t = { ...e };
+  for (const [n, a] of Object.entries(r))
+    t[n] && (t[n] = { ...t[n], default: a });
+  return t;
+}
+function Z(e) {
+  return ve({
     legenda: { type: String, default: null },
     sublegenda: { type: String, default: null },
     titulo: { type: String, default: null },
     descricao: { type: String, default: null },
     tema: { type: String, default: "light" },
     corFundo: { type: String, default: null },
-    corDetalhes: { type: String, default: "#3B82F6" },
     corTexto: { type: String, default: null },
+    corBorda: { type: String, default: "#EAE8E8" },
+    borderRadius: { type: [String, Number], default: "0.75rem" },
+    sombra: { type: String, default: It },
     textoBotao: { type: String, default: "Ver mais" },
-    direcao: {
-      type: String,
-      default: "top",
-      validator: (t) => ["top", "bottom", "left", "right"].includes(t)
-    },
     botaoVisivel: { type: Boolean, default: !1 },
+    exportar: { type: Boolean, default: !1 },
+    nomeArquivoExport: { type: String, default: "card.png" }
+  }, e);
+}
+function te(e) {
+  return ve({
     tipoValor: {
       type: String,
       default: "numero",
-      validator: (t) => ["numero", "moeda", "percentual"].includes(t)
+      validator: (r) => ["numero", "moeda", "percentual"].includes(r)
     },
     locale: { type: String, default: "pt-BR" },
-    moeda: { type: String, default: "BRL" },
+    moeda: { type: String, default: "BRL" }
+  }, e);
+}
+function ae(e = "top") {
+  return {
+    direcao: {
+      type: String,
+      default: e,
+      validator: (r) => ["top", "bottom", "left", "right"].includes(r)
+    }
+  };
+}
+function Ve(e) {
+  return ve({
+    rotuloCategoria: { type: String, default: "Categoria" },
+    rotuloQuantidade: { type: String, default: "Quantidade" },
+    mostrarCabecalho: { type: Boolean, default: !0 },
+    itensClicaveis: { type: Boolean, default: !1 }
+  }, e);
+}
+const Lt = { class: "card-linhas__header nc-flex nc-flex-column" }, zt = { class: "card-linhas__chart nc-flex-1" }, Mt = {
+  key: 0,
+  class: "card-linhas__footer nc-mt-3"
+}, Dt = {
+  __name: "CardLinhas",
+  props: {
+    ...Z({ nomeArquivoExport: "card-linhas.png" }),
+    ...te(),
+    ...ae("top"),
+    corDetalhes: { type: String, default: "#3B82F6" },
     data: {
       type: Array,
       default: () => [
@@ -309,187 +611,77 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
       ]
     },
     height: { type: [String, Number], default: 280 },
-    borderRadius: { type: [String, Number], default: "0.75rem" },
-    sombra: { type: String, default: "0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)" },
-    corBorda: { type: String, default: "#EAE8E8" },
     linhasReferencia: { type: [Object, Array], default: null },
-    exportar: { type: Boolean, default: !1 },
-    nomeArquivoExport: { type: String, default: "card-linhas.png" }
+    // Recebe o item original de `data` e retorna texto(s) extra(s) exibidos no
+    // tooltip abaixo do valor. Pode devolver uma string ou um array de strings.
+    detalheTooltip: { type: Function, default: null }
   },
   emits: ["botaoAcao", "exportado"],
-  setup(t, { emit: y }) {
-    const e = t, d = y, { palette: o, cardStyle: B } = it(e), { formatar: $ } = pt(e), R = ot(null), I = dt;
-    async function w() {
-      await ct(R.value, {
-        nomeArquivo: e.nomeArquivoExport,
-        corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), d("exportado");
-    }
-    const F = M(() => `card-linhas--${e.direcao}`), z = M(() => e.linhasReferencia ? (Array.isArray(e.linhasReferencia) ? e.linhasReferencia : [e.linhasReferencia]).filter((c) => c && (typeof c == "number" || typeof c.valor == "number")).map((c) => typeof c == "number" ? { valor: c, rotulo: null, cor: "#0F172A", corRotulo: "#0F172A", corTexto: "#FFFFFF", tracejado: [6, 6], espessura: 1 } : {
-      valor: c.valor,
-      rotulo: c.rotulo ?? null,
-      cor: c.cor || "#0F172A",
-      corRotulo: c.corRotulo || c.cor || "#0F172A",
-      corTexto: c.corTexto || "#FFFFFF",
-      tracejado: c.tracejado || [6, 6],
-      espessura: c.espessura ?? 1
-    }) : []), Q = [];
-    let X = null;
-    const K = [{
-      id: "linhaReferencia",
-      afterDatasetsDraw(u) {
-        const c = z.value;
-        if (Q.length = 0, !c.length) return;
-        const { ctx: a, chartArea: b, scales: v } = u, i = v.y;
-        i && c.forEach((f) => {
-          const n = i.getPixelForValue(f.valor);
-          if (Q.push({ linha: f, pos: n, chartArea: b }), a.save(), a.beginPath(), a.setLineDash(f.tracejado), a.lineWidth = f.espessura, a.strokeStyle = f.cor, n < b.top || n > b.bottom) {
-            a.restore();
-            return;
-          }
-          if (a.moveTo(b.left, n), a.lineTo(b.right, n), a.stroke(), a.setLineDash([]), f.rotulo) {
-            a.font = "600 11px 'Inter', sans-serif";
-            const m = 8, h = 5, T = a.measureText(f.rotulo).width, q = 12, C = T + m * 2, V = q + h * 2, S = V / 2;
-            let P = b.left - C - 6, O = n - V / 2;
-            P < 0 && (P = b.left + 6), a.fillStyle = f.corRotulo, a.beginPath(), a.roundRect ? a.roundRect(P, O, C, V, S) : (a.moveTo(P + S, O), a.lineTo(P + C - S, O), a.quadraticCurveTo(P + C, O, P + C, O + S), a.lineTo(P + C, O + V - S), a.quadraticCurveTo(P + C, O + V, P + C - S, O + V), a.lineTo(P + S, O + V), a.quadraticCurveTo(P, O + V, P, O + V - S), a.lineTo(P, O + S), a.quadraticCurveTo(P, O, P + S, O)), a.fill(), a.fillStyle = f.corTexto, a.textBaseline = "middle", a.textAlign = "center", a.fillText(f.rotulo, P + C / 2, O + V / 2);
-          }
-          a.restore();
-        });
-      },
-      beforeEvent(u, c) {
-        if (!Q.length) {
-          X = null;
-          return;
-        }
-        const a = c.event;
-        if (!a || a.type === "mouseout" || a.x == null || a.y == null) {
-          X = null;
-          return;
-        }
-        const b = 8;
-        let v = null, i = 1 / 0;
-        for (const f of Q) {
-          const n = Math.abs(a.y - f.pos), m = a.x >= f.chartArea.left && a.x <= f.chartArea.right;
-          n <= b && m && n < i && (i = n, v = f);
-        }
-        X = v;
-      },
-      afterEvent(u, c) {
-        if (!Q.length) return;
-        const a = c.event;
-        if (!a) return;
-        const b = rt(u);
-        if (!b) return;
-        let v = b.querySelector(".nc-tt-linhaRef");
-        if (!X) {
-          v && (v.style.opacity = "0");
-          return;
-        }
-        const i = X;
-        v || (v = document.createElement("div"), v.className = "nc-tt-linhaRef", Object.assign(v.style, {
-          position: "absolute",
-          pointerEvents: "none",
-          transform: "translate(-50%, calc(-100% - 12px))",
-          transition: "opacity .18s ease, left .12s ease, top .12s ease",
-          opacity: "0",
-          background: "#ffffff",
-          borderRadius: "10px",
-          padding: "8px 11px",
-          boxShadow: "0 1px 2px rgba(15,23,42,.06), 0 8px 24px rgba(15,23,42,.12)",
-          border: "1px solid rgba(15,23,42,.06)",
-          whiteSpace: "nowrap",
-          zIndex: "11",
-          fontFamily: "'Inter', sans-serif",
-          textAlign: "left"
-        }), b.appendChild(v));
-        const f = i.linha.cor || "#0F172A", n = $(i.linha.valor), m = i.linha.rotulo;
-        v.innerHTML = (m ? `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${m}</div>` : "") + `<div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${f};box-shadow:0 0 0 2px ${D(f, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${n}</span></div>`;
-        const h = u.canvas;
-        v.style.opacity = "1", v.style.visibility = "hidden", v.style.left = "0px", v.style.top = "0px";
-        const H = v.offsetWidth, T = v.offsetHeight, q = 4, C = h.offsetLeft + a.x, V = h.offsetTop + i.pos, S = nt(C, H, b.clientWidth, q);
-        let P = V;
-        const O = T + 16 + q;
-        P < O && (P = O), v.style.left = S + "px", v.style.top = P + "px", v.style.visibility = "visible";
-      }
-    }], p = M(() => ({
-      labels: e.data.map((u) => u.rotulo),
+  setup(e, { emit: r }) {
+    const t = e, n = r, { palette: a, cardStyle: u } = G(t), { formatar: c } = ee(t), { cardRef: p, onExportar: m, iconeExportar: l } = K(t, a, n), d = F(() => `card-linhas--${t.direcao}`), { linhasNormalizadas: h, pluginLinhaReferencia: b, temLinhaHover: A } = Pe({
+      linhasReferencia: () => t.linhasReferencia,
+      formatar: c
+    }), k = [b], R = F(() => ({
+      labels: t.data.map((s) => s.rotulo),
       datasets: [
         {
-          data: e.data.map((u) => u.quantidade),
-          borderColor: e.corDetalhes,
+          data: t.data.map((s) => s.quantidade),
+          borderColor: t.corDetalhes,
           borderWidth: 3,
           borderJoinStyle: "round",
           borderCapStyle: "round",
-          backgroundColor: (u) => {
-            const { chart: c } = u, { ctx: a, chartArea: b } = c;
-            if (!b) return "transparent";
-            const v = e.corDetalhes || "#0400FF", i = "#7C7C7C", f = a.createLinearGradient(0, b.top, 0, b.bottom);
-            return f.addColorStop(0.16, D(v, 0.2)), f.addColorStop(1, D(i, 0)), f;
+          backgroundColor: (s) => {
+            const { chart: x } = s, { ctx: f, chartArea: C } = x;
+            if (!C) return "transparent";
+            const i = t.corDetalhes || "#0400FF", B = "#7C7C7C", T = f.createLinearGradient(0, C.top, 0, C.bottom);
+            return T.addColorStop(0.16, D(i, 0.2)), T.addColorStop(1, D(B, 0)), T;
           },
           fill: !0,
           tension: 0.45,
           pointRadius: 0,
           pointHoverRadius: 6,
           pointHoverBorderWidth: 3,
-          pointHoverBackgroundColor: e.corDetalhes,
-          pointHoverBorderColor: o.value.bg === "transparent" ? "#fff" : o.value.bg,
+          pointHoverBackgroundColor: t.corDetalhes,
+          pointHoverBorderColor: a.value.bg === "transparent" ? "#fff" : a.value.bg,
           clip: !1
         }
       ]
-    }));
-    function E(u) {
-      const { chart: c, tooltip: a } = u, b = rt(c);
-      if (!b) return;
-      const v = gt(b);
-      if (a.opacity === 0 || X) {
-        v.style.opacity = "0";
-        return;
-      }
-      const i = a.title || [], f = (a.body || []).flatMap((Z) => Z.lines), n = v.querySelector(".nc-tt__content"), m = e.corDetalhes || "#3B82F6";
-      n.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${i.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${m};box-shadow:0 0 0 2px ${D(m, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${f.join(" ")}</span></div>`;
-      const { offsetLeft: h, offsetTop: H } = c.canvas;
-      v.style.opacity = "1", v.style.visibility = "hidden", v.style.left = "0px", v.style.top = "0px";
-      const T = v.offsetWidth, q = v.offsetHeight, C = 4, V = h + a.caretX, S = H + a.caretY, P = nt(V, T, b.clientWidth, C), O = q + 16 + C, tt = S < O;
-      let U;
-      tt ? (v.style.transform = "translateX(-50%) translateY(16px)", U = S) : (v.style.transform = "translate(-50%, calc(-100% - 16px))", U = S), v.style.left = P + "px", v.style.top = U + "px";
-      const N = v.querySelector(".nc-tt__caret");
-      if (N) {
-        const Z = V - P, W = T / 2, J = Math.max(-W + 8, Math.min(W - 8, Z));
-        N.style.left = `calc(50% + ${J}px)`, tt ? (N.style.bottom = "", N.style.top = "-5px", N.style.borderRight = "", N.style.borderBottom = "", N.style.borderLeft = "1px solid rgba(15,23,42,.06)", N.style.borderTop = "1px solid rgba(15,23,42,.06)") : (N.style.top = "", N.style.bottom = "-5px", N.style.borderLeft = "", N.style.borderTop = "", N.style.borderRight = "1px solid rgba(15,23,42,.06)", N.style.borderBottom = "1px solid rgba(15,23,42,.06)");
-      }
-      v.style.visibility = "visible";
-    }
-    const j = M(() => ({
+    })), M = ye({
+      corDe: () => t.corDetalhes || "#3B82F6",
+      valorDe: (s) => c(s.parsed.y),
+      linhasExtrasDe: t.detalheTooltip ? (s) => t.detalheTooltip(t.data[s.dataIndex], s.dataIndex) : null,
+      deveOcultar: A
+    }), o = F(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
       interaction: { intersect: !1, mode: "index" },
       layout: {
-        padding: { top: z.value.length ? 24 : 0, right: 0, bottom: 0, left: 0 }
+        padding: { top: h.value.length ? 24 : 0, right: 0, bottom: 0, left: 0 }
       },
       plugins: {
         legend: { display: !1 },
         tooltip: {
           enabled: !1,
-          external: E,
+          external: M,
           callbacks: {
-            title: (u) => {
-              var c;
-              return ((c = u[0]) == null ? void 0 : c.label) ?? "";
+            title: (s) => {
+              var x;
+              return ((x = s[0]) == null ? void 0 : x.label) ?? "";
             },
-            label: (u) => $(u.parsed.y)
+            label: (s) => c(s.parsed.y)
           }
         }
       },
       scales: {
         x: {
           display: !0,
-          afterFit: (u) => {
-            u.paddingLeft = 0, u.paddingRight = 0;
+          afterFit: (s) => {
+            s.paddingLeft = 0, s.paddingRight = 0;
           },
           grid: { display: !1, drawBorder: !1 },
           border: { display: !1 },
           ticks: {
-            color: o.value.muted,
+            color: a.value.muted,
             font: { size: 10, family: "'Inter', sans-serif" },
             padding: 8,
             align: "inner"
@@ -499,142 +691,167 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           display: !1,
           grid: { display: !1 },
           beginAtZero: !0,
-          suggestedMax: z.value.length ? Math.max(...z.value.map((u) => u.valor)) : void 0
+          suggestedMax: h.value.length ? Math.max(...h.value.map((s) => s.valor)) : void 0
         }
       }
     }));
-    function G() {
-      d("botaoAcao");
-    }
-    return (u, c) => (l(), s("div", {
+    return (s, x) => (y(), v("div", {
       ref_key: "cardRef",
-      ref: R,
-      class: lt(["card-linhas p-4 flex", F.value]),
-      style: x(r(B))
+      ref: p,
+      class: Q(["card-linhas nc-p-4 nc-flex", d.value]),
+      style: q(g(u))
     }, [
-      k("div", le, [
-        k("div", se, [
-          u.$slots.legenda || t.legenda || u.$slots.sublegenda || t.sublegenda ? (l(), s("div", ie, [
-            u.$slots.legenda || t.legenda ? (l(), s("div", {
-              key: 0,
-              class: "text-xs font-medium",
-              style: x({ color: r(o).text, opacity: 0.85 })
-            }, [
-              L(u.$slots, "legenda", {}, () => [
-                Y(A(t.legenda), 1)
-              ], !0)
-            ], 4)) : g("", !0),
-            u.$slots.sublegenda || t.sublegenda ? (l(), s("div", {
-              key: 1,
-              class: "text-xs",
-              style: x({ color: r(o).muted })
-            }, [
-              L(u.$slots, "sublegenda", {}, () => [
-                Y(A(t.sublegenda), 1)
-              ], !0)
-            ], 4)) : g("", !0)
-          ])) : g("", !0),
-          u.$slots.actions || t.botaoVisivel || t.exportar ? (l(), s("div", ce, [
-            L(u.$slots, "actions", {}, () => [
-              t.botaoVisivel ? (l(), s("button", {
-                key: 0,
-                class: "nc-btn inline-flex align-items-center",
-                style: x({ color: r(o).text, borderColor: r(D)(r(o).text, 0.18) }),
-                onClick: G
-              }, [
-                k("span", null, A(t.textoBotao), 1)
-              ], 4)) : g("", !0)
-            ], !0),
-            t.exportar ? (l(), s("button", {
-              key: 0,
-              type: "button",
-              class: "nc-exportar inline-flex align-items-center justify-content-center",
-              style: x({ color: r(o).muted, borderColor: r(D)(r(o).text, 0.18) }),
-              title: "Exportar como imagem",
-              "aria-label": "Exportar como imagem",
-              onClick: w,
-              innerHTML: r(I)
-            }, null, 12, de)) : g("", !0)
-          ])) : g("", !0)
-        ]),
-        u.$slots.titulo || t.titulo || u.$slots.descricao || t.descricao ? (l(), s("div", ue, [
-          u.$slots.titulo || t.titulo ? (l(), s("div", {
-            key: 0,
-            class: "m-0 text-3xl font-semibold",
-            style: x({ color: r(o).text, lineHeight: "33px", letterSpacing: "-1px" })
-          }, [
-            L(u.$slots, "titulo", {}, () => [
-              Y(A(t.titulo), 1)
-            ], !0)
-          ], 4)) : g("", !0),
-          u.$slots.descricao || t.descricao ? (l(), s("div", {
-            key: 1,
-            class: "text-sm mt-1",
-            style: x({ color: r(o).muted })
-          }, [
-            L(u.$slots, "descricao", {}, () => [
-              Y(A(t.descricao), 1)
-            ], !0)
-          ], 4)) : g("", !0)
-        ])) : g("", !0)
+      E("div", Lt, [
+        P(_, {
+          class: "card-linhas__topo",
+          legenda: s.legenda,
+          sublegenda: s.sublegenda,
+          palette: g(a),
+          "texto-botao": s.textoBotao,
+          "botao-visivel": s.botaoVisivel,
+          exportar: s.exportar,
+          "opacidade-legenda": "0.85",
+          onBotaoAcao: x[0] || (x[0] = (f) => n("botaoAcao")),
+          onExportar: g(m)
+        }, J({ _: 2 }, [
+          s.$slots.legenda ? {
+            name: "legenda",
+            fn: z(() => [
+              $(s.$slots, "legenda", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0,
+          s.$slots.sublegenda ? {
+            name: "sublegenda",
+            fn: z(() => [
+              $(s.$slots, "sublegenda", {}, void 0, !0)
+            ]),
+            key: "1"
+          } : void 0,
+          s.$slots.actions ? {
+            name: "actions",
+            fn: z(() => [
+              $(s.$slots, "actions", {}, void 0, !0)
+            ]),
+            key: "2"
+          } : void 0
+        ]), 1032, ["legenda", "sublegenda", "palette", "texto-botao", "botao-visivel", "exportar", "onExportar"]),
+        s.$slots.titulo || s.titulo || s.$slots.descricao || s.descricao ? (y(), ce(ue, {
+          key: 0,
+          class: "card-linhas__titulos nc-mt-3 nc-mb-2",
+          titulo: s.titulo,
+          descricao: s.descricao,
+          palette: g(a)
+        }, J({ _: 2 }, [
+          s.$slots.titulo ? {
+            name: "titulo",
+            fn: z(() => [
+              $(s.$slots, "titulo", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0,
+          s.$slots.descricao ? {
+            name: "descricao",
+            fn: z(() => [
+              $(s.$slots, "descricao", {}, void 0, !0)
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["titulo", "descricao", "palette"])) : S("", !0)
       ]),
-      k("div", fe, [
-        ft(st, {
+      E("div", zt, [
+        P(Y, {
           type: "line",
-          data: p.value,
-          options: j.value,
-          plugins: K,
-          height: t.height
+          data: R.value,
+          options: o.value,
+          plugins: k,
+          height: e.height
         }, null, 8, ["data", "options", "height"])
       ]),
-      u.$slots.footer ? (l(), s("div", pe, [
-        L(u.$slots, "footer", {}, void 0, !0)
-      ])) : g("", !0)
+      s.$slots.footer ? (y(), v("div", Mt, [
+        $(s.$slots, "footer", {}, void 0, !0)
+      ])) : S("", !0)
     ], 6));
   }
-}, ye = /* @__PURE__ */ at(ge, [["__scopeId", "data-v-513bd6fe"]]), me = { class: "card-pizza__topo flex align-items-start justify-content-between gap-3" }, be = {
-  key: 0,
-  class: "nc-legendas-flex flex flex-column"
-}, he = {
-  key: 1,
-  class: "nc-actions inline-flex align-items-center gap-2"
-}, xe = ["innerHTML"], ve = { class: "card-pizza__corpo flex align-items-center" }, $e = { class: "nc-tabela flex flex-column" }, Se = { class: "nc-tabela-valor" }, ke = { class: "nc-tabela-rotulo inline-flex align-items-center gap-2" }, Ce = { class: "nc-tabela-valor" }, Be = { class: "card-pizza__chart-wrap flex align-items-center justify-content-center" }, Ae = { class: "card-pizza__chart" }, Re = {
+}, Nt = /* @__PURE__ */ W(Dt, [["__scopeId", "data-v-7715a094"]]), Ot = { class: "nc-tabela-valor" }, jt = ["role", "tabindex", "onMouseenter", "onFocus", "onClick", "onKeydown"], Pt = { class: "nc-tabela-rotulo nc-inline-flex nc-align-items-center nc-gap-2" }, Vt = { class: "nc-tabela-valor" }, Ht = {
+  __name: "TabelaDados",
+  props: {
+    data: { type: Array, required: !0 },
+    coresAplicadas: { type: Array, required: !0 },
+    palette: { type: Object, required: !0 },
+    formatar: { type: Function, required: !0 },
+    rotuloCategoria: { type: String, default: "Categoria" },
+    rotuloQuantidade: { type: String, default: "Quantidade" },
+    mostrarCabecalho: { type: Boolean, default: !0 },
+    itensClicaveis: { type: Boolean, default: !1 },
+    hoverIndex: { type: Number, default: null },
+    /** padding-inline aplicado à linha em hover/ativa (difere entre cards). */
+    padAtiva: { type: String, default: "0.40rem" }
+  },
+  emits: ["update:hoverIndex", "itemClicado"],
+  setup(e, { emit: r }) {
+    const t = e, n = r;
+    function a(u, c) {
+      t.itensClicaveis && n("itemClicado", { item: u, index: c, cor: t.coresAplicadas[c] });
+    }
+    return (u, c) => (y(), v("div", {
+      class: "nc-tabela nc-flex nc-flex-column",
+      style: q({ "--nc-tabela-pad-ativa": e.padAtiva })
+    }, [
+      e.mostrarCabecalho ? (y(), v("div", {
+        key: 0,
+        class: "nc-tabela-cab nc-flex nc-align-items-center nc-justify-content-between",
+        style: q({ color: e.palette.muted, borderColor: g(D)(e.palette.muted, 0.25) })
+      }, [
+        E("span", null, L(e.rotuloCategoria), 1),
+        E("span", Ot, L(e.rotuloQuantidade), 1)
+      ], 4)) : S("", !0),
+      (y(!0), v(Me, null, De(e.data, (p, m) => (y(), v("div", {
+        key: m,
+        class: Q(["nc-tabela-linha nc-flex nc-align-items-center nc-justify-content-between", { "nc-tabela-linha--clicavel": e.itensClicaveis, "nc-tabela-linha--ativa": e.hoverIndex === m }]),
+        style: q({
+          color: e.palette.text,
+          cursor: e.itensClicaveis ? "pointer" : "default",
+          "--nc-linha-bg": g(D)(e.coresAplicadas[m], 0.05),
+          "--nc-linha-bg-forte": g(D)(e.coresAplicadas[m], 0.08)
+        }),
+        role: e.itensClicaveis ? "button" : null,
+        tabindex: e.itensClicaveis ? 0 : null,
+        onMouseenter: (l) => n("update:hoverIndex", m),
+        onMouseleave: c[0] || (c[0] = (l) => n("update:hoverIndex", null)),
+        onFocus: (l) => n("update:hoverIndex", m),
+        onBlur: c[1] || (c[1] = (l) => n("update:hoverIndex", null)),
+        onClick: (l) => a(p, m),
+        onKeydown: [
+          Fe(Ie((l) => a(p, m), ["prevent"]), ["enter"]),
+          Fe(Ie((l) => a(p, m), ["prevent"]), ["space"])
+        ]
+      }, [
+        E("span", Pt, [
+          E("span", {
+            class: "nc-bolinha",
+            style: q({ background: e.coresAplicadas[m] })
+          }, null, 4),
+          E("span", null, L(p.rotulo), 1)
+        ]),
+        E("span", Vt, L(e.formatar(p.quantidade)), 1)
+      ], 46, jt))), 128))
+    ], 4));
+  }
+}, He = /* @__PURE__ */ W(Ht, [["__scopeId", "data-v-4b3f9e42"]]), Wt = { class: "card-pizza__corpo nc-flex nc-align-items-center" }, Xt = { class: "card-pizza__chart-wrap nc-flex nc-align-items-center nc-justify-content-center" }, Ut = { class: "card-pizza__chart" }, Jt = {
   key: 0,
-  class: "nc-centro flex flex-column align-items-center justify-content-center"
-}, we = {
+  class: "nc-centro nc-flex nc-flex-column nc-align-items-center nc-justify-content-center"
+}, Qt = {
   key: 0,
-  class: "card-pizza__footer mt-3"
-}, Te = {
+  class: "card-pizza__footer nc-mt-3"
+}, Yt = {
   __name: "CardPizza",
   props: {
-    legenda: { type: String, default: null },
-    sublegenda: { type: String, default: null },
-    titulo: { type: String, default: null },
-    descricao: { type: String, default: null },
-    tema: { type: String, default: "light" },
-    corFundo: { type: String, default: null },
-    corTexto: { type: String, default: null },
-    corBorda: { type: String, default: "#EAE8E8" },
-    borderRadius: { type: [String, Number], default: "0.75rem" },
-    sombra: { type: String, default: "0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)" },
+    ...Z({ nomeArquivoExport: "card-pizza.png" }),
+    ...te(),
+    ...ae("right"),
+    ...Ve(),
     corDetalhes: { type: String, default: "#3B82F6" },
-    textoBotao: { type: String, default: "Ver mais" },
-    botaoVisivel: { type: Boolean, default: !1 },
-    direcao: {
-      type: String,
-      default: "right",
-      validator: (t) => ["left", "right", "top", "bottom"].includes(t)
-    },
-    rotuloCategoria: { type: String, default: "Categoria" },
-    rotuloQuantidade: { type: String, default: "Quantidade" },
-    mostrarCabecalho: { type: Boolean, default: !0 },
-    tipoValor: {
-      type: String,
-      default: "numero",
-      validator: (t) => ["numero", "moeda", "percentual"].includes(t)
-    },
-    locale: { type: String, default: "pt-BR" },
-    moeda: { type: String, default: "BRL" },
     data: {
       type: Array,
       default: () => [
@@ -649,27 +866,21 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
     },
     height: { type: [String, Number], default: 260 },
     cutout: { type: [String, Number], default: "70%" },
-    exportar: { type: Boolean, default: !1 },
-    nomeArquivoExport: { type: String, default: "card-pizza.png" }
+    // Recebe o item original de `data` e retorna texto(s) extra(s) exibidos no
+    // tooltip abaixo do valor. Pode devolver uma string ou um array de strings.
+    detalheTooltip: { type: Function, default: null }
   },
-  emits: ["botaoAcao", "exportado"],
-  setup(t, { emit: y }) {
-    const e = t, d = y, { palette: o, cardStyle: B } = it(e), { formatar: $ } = pt(e), R = ot(null);
-    async function I() {
-      await ct(R.value, {
-        nomeArquivo: e.nomeArquivoExport,
-        corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), d("exportado");
-    }
-    const w = M(() => `card-pizza--${e.direcao}`), F = M(() => {
-      const p = bt(e.corDetalhes, e.data.length);
-      return e.data.map((E, j) => E.cor ?? p[j]);
-    }), z = M(() => ({
-      labels: e.data.map((p) => p.rotulo),
+  emits: ["botaoAcao", "exportado", "itemClicado"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, { palette: a, cardStyle: u } = G(t), { formatar: c } = ee(t), { cardRef: p, onExportar: m, iconeExportar: l } = K(t, a, n), d = F(() => `card-pizza--${t.direcao}`), h = F(() => {
+      const o = de(t.corDetalhes, t.data.length);
+      return t.data.map((s, x) => s.cor ?? o[x]);
+    }), b = F(() => ({
+      labels: t.data.map((o) => o.rotulo),
       datasets: [
         {
-          data: e.data.map((p) => p.quantidade),
-          backgroundColor: F.value,
+          data: t.data.map((o) => o.quantidade),
+          backgroundColor: h.value,
           borderWidth: 0,
           borderColor: "transparent",
           hoverOffset: 6,
@@ -677,196 +888,141 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           spacing: 0
         }
       ]
-    }));
-    function Q(p) {
-      const { chart: E, tooltip: j } = p, G = rt(E);
-      if (!G) return;
-      const u = gt(G);
-      if (j.opacity === 0) {
-        u.style.opacity = "0";
-        return;
-      }
-      const c = j.title || [], a = j.dataPoints && j.dataPoints[0], b = a ? F.value[a.dataIndex] : "#3B82F6", v = a ? $(a.parsed) : "", i = u.querySelector(".nc-tt__content");
-      i.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${c.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${b};box-shadow:0 0 0 2px ${D(b, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${v}</span></div>`;
-      const { offsetLeft: f, offsetTop: n } = E.canvas;
-      u.style.opacity = "1", u.style.visibility = "hidden", u.style.left = "0px", u.style.top = "0px";
-      const m = u.offsetWidth, h = u.offsetHeight, H = 4, T = f + j.caretX, q = n + j.caretY, C = nt(T, m, G.clientWidth, H), V = q < h + 16 + H;
-      u.style.transform = V ? "translate(-50%, 16px)" : "translate(-50%, calc(-100% - 16px))";
-      const S = u.querySelector(".nc-tt__caret");
-      S && (V ? (S.style.bottom = "", S.style.top = "-5px", S.style.borderRight = "", S.style.borderBottom = "", S.style.borderLeft = "1px solid rgba(15,23,42,.06)", S.style.borderTop = "1px solid rgba(15,23,42,.06)") : (S.style.top = "", S.style.bottom = "-5px", S.style.borderLeft = "", S.style.borderTop = "", S.style.borderRight = "1px solid rgba(15,23,42,.06)", S.style.borderBottom = "1px solid rgba(15,23,42,.06)")), u.style.left = C + "px", u.style.top = q + "px", u.style.visibility = "visible";
+    })), A = ye({
+      corDe: (o) => h.value[o.dataIndex],
+      valorDe: (o) => c(o.parsed),
+      linhasExtrasDe: t.detalheTooltip ? (o) => t.detalheTooltip(t.data[o.dataIndex], o.dataIndex) : null
+    }), k = ne(null);
+    function R(o) {
+      n("itemClicado", o);
     }
-    const X = M(() => ({
+    const M = F(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
-      cutout: e.cutout,
+      cutout: t.cutout,
       layout: { padding: 4 },
+      onHover: (o, s, x) => {
+        k.value = s.length ? s[0].index : null, x.canvas.style.cursor = t.itensClicaveis && s.length ? "pointer" : "default";
+      },
+      onClick: (o, s) => {
+        if (!t.itensClicaveis || !s.length) return;
+        const x = s[0].index, f = t.data[x];
+        f && R({ item: f, index: x, cor: h.value[x] });
+      },
       plugins: {
         legend: { display: !1 },
         tooltip: {
           enabled: !1,
-          external: Q,
+          external: A,
           callbacks: {
-            title: (p) => {
-              var E;
-              return ((E = p[0]) == null ? void 0 : E.label) ?? "";
+            title: (o) => {
+              var s;
+              return ((s = o[0]) == null ? void 0 : s.label) ?? "";
             },
-            label: (p) => $(p.parsed)
+            label: (o) => c(o.parsed)
           }
         }
       }
     }));
-    function _() {
-      d("botaoAcao");
-    }
-    const K = dt;
-    return (p, E) => (l(), s("div", {
+    return (o, s) => (y(), v("div", {
       ref_key: "cardRef",
-      ref: R,
-      class: lt(["card-pizza p-4 flex flex-column", w.value]),
-      style: x(r(B))
+      ref: p,
+      class: Q(["card-pizza nc-p-4 nc-flex nc-flex-column", d.value]),
+      style: q(g(u))
     }, [
-      k("div", me, [
-        p.$slots.legenda || t.legenda || p.$slots.sublegenda || t.sublegenda ? (l(), s("div", be, [
-          p.$slots.legenda || t.legenda ? (l(), s("div", {
-            key: 0,
-            class: "text-xs font-medium",
-            style: x({ color: r(o).text, opacity: 0.95 })
-          }, [
-            L(p.$slots, "legenda", {}, () => [
-              Y(A(t.legenda), 1)
-            ], !0)
-          ], 4)) : g("", !0),
-          p.$slots.sublegenda || t.sublegenda ? (l(), s("div", {
-            key: 1,
-            class: "text-xs",
-            style: x({ color: r(o).muted })
-          }, [
-            L(p.$slots, "sublegenda", {}, () => [
-              Y(A(t.sublegenda), 1)
-            ], !0)
-          ], 4)) : g("", !0)
-        ])) : g("", !0),
-        p.$slots.actions || t.botaoVisivel || t.exportar ? (l(), s("div", he, [
-          L(p.$slots, "actions", {}, () => [
-            t.botaoVisivel ? (l(), s("button", {
-              key: 0,
-              class: "nc-btn inline-flex align-items-center",
-              style: x({ color: r(o).text, borderColor: r(D)(r(o).text, 0.18) }),
-              onClick: _
-            }, [
-              k("span", null, A(t.textoBotao), 1)
-            ], 4)) : g("", !0)
-          ], !0),
-          t.exportar ? (l(), s("button", {
-            key: 0,
-            type: "button",
-            class: "nc-exportar inline-flex align-items-center justify-content-center",
-            style: x({ color: r(o).muted, borderColor: r(D)(r(o).text, 0.18) }),
-            title: "Exportar como imagem",
-            "aria-label": "Exportar como imagem",
-            onClick: I,
-            innerHTML: r(K)
-          }, null, 12, xe)) : g("", !0)
-        ])) : g("", !0)
-      ]),
-      k("div", ve, [
-        k("div", $e, [
-          t.mostrarCabecalho ? (l(), s("div", {
-            key: 0,
-            class: "nc-tabela-cab flex align-items-center justify-content-between",
-            style: x({ color: r(o).muted, borderColor: r(D)(r(o).muted, 0.25) })
-          }, [
-            k("span", null, A(t.rotuloCategoria), 1),
-            k("span", Se, A(t.rotuloQuantidade), 1)
-          ], 4)) : g("", !0),
-          (l(!0), s(yt, null, mt(t.data, (j, G) => (l(), s("div", {
-            key: G,
-            class: "nc-tabela-linha flex align-items-center justify-content-between",
-            style: x({ color: r(o).text })
-          }, [
-            k("span", ke, [
-              k("span", {
-                class: "nc-bolinha",
-                style: x({ background: F.value[G] })
-              }, null, 4),
-              k("span", null, A(j.rotulo), 1)
-            ]),
-            k("span", Ce, A(r($)(j.quantidade)), 1)
-          ], 4))), 128))
-        ]),
-        k("div", Be, [
-          k("div", Ae, [
-            ft(st, {
+      P(_, {
+        class: "card-pizza__topo",
+        legenda: o.legenda,
+        sublegenda: o.sublegenda,
+        palette: g(a),
+        "texto-botao": o.textoBotao,
+        "botao-visivel": o.botaoVisivel,
+        exportar: o.exportar,
+        onBotaoAcao: s[0] || (s[0] = (x) => n("botaoAcao")),
+        onExportar: g(m)
+      }, J({ _: 2 }, [
+        o.$slots.legenda ? {
+          name: "legenda",
+          fn: z(() => [
+            $(o.$slots, "legenda", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        o.$slots.sublegenda ? {
+          name: "sublegenda",
+          fn: z(() => [
+            $(o.$slots, "sublegenda", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        o.$slots.actions ? {
+          name: "actions",
+          fn: z(() => [
+            $(o.$slots, "actions", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1032, ["legenda", "sublegenda", "palette", "texto-botao", "botao-visivel", "exportar", "onExportar"]),
+      E("div", Wt, [
+        P(He, {
+          data: e.data,
+          "cores-aplicadas": h.value,
+          palette: g(a),
+          formatar: g(c),
+          "rotulo-categoria": o.rotuloCategoria,
+          "rotulo-quantidade": o.rotuloQuantidade,
+          "mostrar-cabecalho": o.mostrarCabecalho,
+          "itens-clicaveis": o.itensClicaveis,
+          "hover-index": k.value,
+          "onUpdate:hoverIndex": s[1] || (s[1] = (x) => k.value = x),
+          onItemClicado: R
+        }, null, 8, ["data", "cores-aplicadas", "palette", "formatar", "rotulo-categoria", "rotulo-quantidade", "mostrar-cabecalho", "itens-clicaveis", "hover-index"]),
+        E("div", Xt, [
+          E("div", Ut, [
+            P(Y, {
               type: "doughnut",
-              data: z.value,
-              options: X.value,
-              height: t.height
+              data: b.value,
+              options: M.value,
+              height: e.height
             }, null, 8, ["data", "options", "height"]),
-            p.$slots.titulo || t.titulo || p.$slots.descricao || t.descricao ? (l(), s("div", Re, [
-              p.$slots.titulo || t.titulo ? (l(), s("div", {
+            o.$slots.titulo || o.titulo || o.$slots.descricao || o.descricao ? (y(), v("div", Jt, [
+              o.$slots.titulo || o.titulo ? (y(), v("div", {
                 key: 0,
-                class: "nc-centro-titulo m-0 font-semibold",
-                style: x({ color: r(o).text })
+                class: "nc-centro-titulo nc-m-0 nc-font-semibold",
+                style: q({ color: g(a).text })
               }, [
-                L(p.$slots, "titulo", {}, () => [
-                  Y(A(t.titulo), 1)
+                $(o.$slots, "titulo", {}, () => [
+                  j(L(o.titulo), 1)
                 ], !0)
-              ], 4)) : g("", !0),
-              p.$slots.descricao || t.descricao ? (l(), s("div", {
+              ], 4)) : S("", !0),
+              o.$slots.descricao || o.descricao ? (y(), v("div", {
                 key: 1,
                 class: "nc-centro-desc",
-                style: x({ color: r(o).muted })
+                style: q({ color: g(a).muted })
               }, [
-                L(p.$slots, "descricao", {}, () => [
-                  Y(A(t.descricao), 1)
+                $(o.$slots, "descricao", {}, () => [
+                  j(L(o.descricao), 1)
                 ], !0)
-              ], 4)) : g("", !0)
-            ])) : g("", !0)
+              ], 4)) : S("", !0)
+            ])) : S("", !0)
           ])
         ])
       ]),
-      p.$slots.footer ? (l(), s("div", we, [
-        L(p.$slots, "footer", {}, void 0, !0)
-      ])) : g("", !0)
+      o.$slots.footer ? (y(), v("div", Qt, [
+        $(o.$slots, "footer", {}, void 0, !0)
+      ])) : S("", !0)
     ], 6));
   }
-}, qe = /* @__PURE__ */ at(Te, [["__scopeId", "data-v-e0fe217f"]]), Ee = { class: "card-barra__header flex flex-column" }, Fe = { class: "card-barra__topo flex align-items-start justify-content-between gap-3" }, Le = {
-  key: 0,
-  class: "nc-legendas-flex flex flex-column"
-}, ze = {
-  key: 1,
-  class: "nc-actions inline-flex align-items-center gap-2"
-}, Me = ["innerHTML"], je = {
-  key: 0,
-  class: "card-barra__titulos mt-3 mb-2 flex flex-column"
-}, He = { class: "card-barra__chart flex-1" }, Ve = {
+}, Gt = /* @__PURE__ */ W(Yt, [["__scopeId", "data-v-1cdb6aec"]]), Kt = { class: "card-barra__header nc-flex nc-flex-column" }, Zt = { class: "card-barra__chart nc-flex-1" }, _t = {
   key: 0,
-  class: "card-barra__footer mt-3"
-}, Ne = {
+  class: "card-barra__footer nc-mt-3"
+}, ea = {
   __name: "CardBarra",
   props: {
-    legenda: { type: String, default: null },
-    sublegenda: { type: String, default: null },
-    titulo: { type: String, default: null },
-    descricao: { type: String, default: null },
-    tema: { type: String, default: "light" },
-    corFundo: { type: String, default: null },
+    ...Z({ nomeArquivoExport: "card-barra.png" }),
+    ...te(),
+    ...ae("top"),
     corDetalhes: { type: String, default: "#3B82F6" },
-    corTexto: { type: String, default: null },
-    textoBotao: { type: String, default: "Ver mais" },
-    direcao: {
-      type: String,
-      default: "top",
-      validator: (t) => ["top", "bottom", "left", "right"].includes(t)
-    },
-    botaoVisivel: { type: Boolean, default: !1 },
-    tipoValor: {
-      type: String,
-      default: "numero",
-      validator: (t) => ["numero", "moeda", "percentual"].includes(t)
-    },
-    locale: { type: String, default: "pt-BR" },
-    moeda: { type: String, default: "BRL" },
     data: {
       type: Array,
       default: () => [
@@ -892,137 +1048,125 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
     orientacao: {
       type: String,
       default: "vertical",
-      validator: (t) => ["vertical", "horizontal"].includes(t)
+      validator: (e) => ["vertical", "horizontal"].includes(e)
     },
     empilhado: { type: Boolean, default: !1 },
     mostrarLegendaSeries: { type: Boolean, default: !0 },
     height: { type: [String, Number], default: 280 },
-    borderRadius: { type: [String, Number], default: "0.75rem" },
-    sombra: { type: String, default: "0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)" },
-    corBorda: { type: String, default: "#EAE8E8" },
     larguraBarra: { type: [String, Number], default: 0.92 },
     raioBarra: { type: Number, default: 6 },
     linhasReferencia: { type: [Object, Array], default: null },
-    exportar: { type: Boolean, default: !1 },
-    nomeArquivoExport: { type: String, default: "card-barra.png" },
-    corHover: { type: String, default: null }
+    corHover: { type: String, default: null },
+    // Recebe o item original (da 1ª série em `data`/`series`) e o índice, e
+    // retorna texto(s) extra(s) exibidos no tooltip abaixo dos valores. Pode
+    // devolver uma string ou um array de strings.
+    detalheTooltip: { type: Function, default: null }
   },
   emits: ["botaoAcao", "exportado"],
-  setup(t, { emit: y }) {
-    Vt((i) => ({
-      c9bf3d56: z.value
+  setup(e, { emit: r }) {
+    at((i) => ({
+      v655f41dd: h.value
     }));
-    const e = t, d = y, { palette: o, cardStyle: B } = it(e), { formatar: $ } = pt(e), R = ot(null), I = dt;
-    async function w() {
-      await ct(R.value, {
-        nomeArquivo: e.nomeArquivoExport,
-        corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), d("exportado");
-    }
-    const F = M(() => `card-barra--${e.direcao}`), z = M(
-      () => typeof e.height == "number" ? `${e.height}px` : e.height
-    ), Q = M(() => e.orientacao === "horizontal"), X = M(() => Array.isArray(e.series) && e.series.length > 0 ? e.series.map((i, f) => ({
-      nome: i.nome ?? `Série ${f + 1}`,
-      cor: i.cor || e.cores[f % e.cores.length],
+    const t = e, n = r, { palette: a, cardStyle: u } = G(t), { formatar: c } = ee(t), { cardRef: p, onExportar: m, iconeExportar: l } = K(t, a, n), d = F(() => `card-barra--${t.direcao}`), h = F(
+      () => typeof t.height == "number" ? `${t.height}px` : t.height
+    ), b = F(() => t.orientacao === "horizontal"), { linhasNormalizadas: A, pluginLinhaReferencia: k, temLinhaHover: R } = Pe({
+      linhasReferencia: () => t.linhasReferencia,
+      horizontal: () => b.value,
+      formatar: c
+    }), M = [k], o = F(() => Array.isArray(t.series) && t.series.length > 0 ? t.series.map((i, B) => ({
+      nome: i.nome ?? `Série ${B + 1}`,
+      cor: i.cor || t.cores[B % t.cores.length],
       dados: Array.isArray(i.dados) ? i.dados : []
-    })) : [{ nome: e.legenda || "Valores", cor: e.corDetalhes, dados: e.data }]), _ = M(() => {
-      const i = X.value[0];
-      return i ? i.dados.map((f) => f.rotulo) : [];
-    }), K = M(() => {
-      const i = X.value, f = i.length - 1, n = typeof e.larguraBarra == "number" ? e.larguraBarra : Number(e.larguraBarra) || 0.6, m = e.raioBarra, h = Q.value;
-      function H(T) {
-        if (!e.empilhado || i.length === 1) return m;
-        const q = T === 0, C = T === f;
-        return h ? {
-          topLeft: q ? m : 0,
-          bottomLeft: q ? m : 0,
-          topRight: C ? m : 0,
-          bottomRight: C ? m : 0
+    })) : [{ nome: t.legenda || "Valores", cor: t.corDetalhes, dados: t.data }]), s = F(() => {
+      const i = o.value[0];
+      return i ? i.dados.map((B) => B.rotulo) : [];
+    }), x = F(() => {
+      const i = o.value, B = i.length - 1, T = typeof t.larguraBarra == "number" ? t.larguraBarra : Number(t.larguraBarra) || 0.6, w = t.raioBarra, I = b.value;
+      function H(N) {
+        if (!t.empilhado || i.length === 1) return w;
+        const V = N === 0, O = N === B;
+        return I ? {
+          topLeft: V ? w : 0,
+          bottomLeft: V ? w : 0,
+          topRight: O ? w : 0,
+          bottomRight: O ? w : 0
         } : {
-          bottomLeft: q ? m : 0,
-          bottomRight: q ? m : 0,
-          topLeft: C ? m : 0,
-          topRight: C ? m : 0
+          bottomLeft: V ? w : 0,
+          bottomRight: V ? w : 0,
+          topLeft: O ? w : 0,
+          topRight: O ? w : 0
         };
       }
       return {
-        labels: _.value,
-        datasets: i.map((T, q) => ({
-          label: T.nome,
-          data: T.dados.map((C) => C.quantidade),
-          previstos: T.dados.map((C) => C.previsto != null ? C.previsto : null),
-          backgroundColor: D(T.cor, 0.72),
-          hoverBackgroundColor: e.corHover || T.cor,
+        labels: s.value,
+        datasets: i.map((N, V) => ({
+          label: N.nome,
+          data: N.dados.map((O) => O.quantidade),
+          previstos: N.dados.map((O) => O.previsto != null ? O.previsto : null),
+          backgroundColor: D(N.cor, 0.72),
+          hoverBackgroundColor: t.corHover || N.cor,
           borderWidth: 0,
-          borderRadius: H(q),
+          borderRadius: H(V),
           borderSkipped: !1,
           categoryPercentage: 1,
-          barPercentage: n
+          barPercentage: T
         }))
       };
     });
-    function p(i, f) {
-      f ? Object.assign(i.style, {
-        top: "-5px",
-        bottom: "auto",
-        borderTop: "1px solid rgba(15,23,42,.06)",
-        borderLeft: "1px solid rgba(15,23,42,.06)",
-        borderRight: "none",
-        borderBottom: "none"
-      }) : Object.assign(i.style, {
-        bottom: "-5px",
-        top: "auto",
-        borderRight: "1px solid rgba(15,23,42,.06)",
-        borderBottom: "1px solid rgba(15,23,42,.06)",
-        borderTop: "none",
-        borderLeft: "none"
-      });
-    }
-    let E = null;
-    function j(i) {
-      var kt, Ct;
-      const { chart: f, tooltip: n } = i, m = rt(f);
-      if (!m) return;
-      const h = gt(m, { caretFlexivel: !0 });
-      if (n.opacity === 0 || E) {
-        h.style.opacity = "0";
+    function f(i) {
+      var qe, we, Te;
+      const { chart: B, tooltip: T } = i, w = fe(B);
+      if (!w) return;
+      const I = pe(w, { caretFlexivel: !0 });
+      if (T.opacity === 0 || R()) {
+        I.style.opacity = "0";
         return;
       }
-      const H = n.title || [], T = n.dataPoints || [], q = h.querySelector(".nc-tt__content"), C = T.map((et) => {
-        var Bt;
-        const ut = ((Bt = X.value[et.datasetIndex]) == null ? void 0 : Bt.cor) || e.corDetalhes, Lt = $(Q.value ? et.parsed.x : et.parsed.y), zt = et.dataset.label && X.value.length > 1 ? `<span style="font-size:11px;color:#64748B;margin-right:6px;">${et.dataset.label}</span>` : "";
-        return `<div style="display:flex;align-items:center;gap:6px;margin-top:2px;"><span style="width:6px;height:6px;border-radius:999px;background:${ut};box-shadow:0 0 0 2px ${D(ut, 0.15)};flex:0 0 auto;"></span>` + zt + `<span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;margin-left:auto;">${Lt}</span></div>`;
-      }).join(""), V = (kt = T[0]) == null ? void 0 : kt.dataIndex;
-      let S = null;
-      if (V != null)
-        for (const et of f.data.datasets) {
-          const ut = (Ct = et.previstos) == null ? void 0 : Ct[V];
-          if (ut != null) {
-            S = ut;
+      const H = T.dataPoints || [], N = o.value.length > 1, V = H.map((X) => {
+        var Ee;
+        const U = ((Ee = o.value[X.datasetIndex]) == null ? void 0 : Ee.cor) || t.corDetalhes, se = c(b.value ? X.parsed.x : X.parsed.y);
+        return he(U, se, {
+          nome: N ? X.dataset.label : "",
+          alinharDireita: !0,
+          margemTopo: !0
+        });
+      }).join(""), O = (qe = H[0]) == null ? void 0 : qe.dataIndex;
+      let re = null;
+      if (O != null)
+        for (const X of B.data.datasets) {
+          const U = (we = X.previstos) == null ? void 0 : we[O];
+          if (U != null) {
+            re = U;
             break;
           }
         }
-      const P = S != null ? `<div style="display:flex;align-items:center;gap:6px;margin-top:6px;padding-top:4px;border-top:1px dashed rgba(15,23,42,.08);"><span style="font-size:11px;color:#64748B;margin-right:6px;">Previsto</span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;margin-left:auto;">${$(S)}</span></div>` : "";
-      q.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${H.join(" ")}</div>` + C + P;
-      const { offsetLeft: O, offsetTop: tt } = f.canvas;
-      h.style.opacity = "1", h.style.visibility = "hidden", h.style.left = "0px", h.style.top = "0px";
-      const U = h.offsetWidth, N = h.offsetHeight, Z = 4, W = O + n.caretX, J = tt + n.caretY, ht = nt(W, U, m.clientWidth, Z), Tt = U / 2, xt = 14, vt = J - xt - N, $t = vt < Z, qt = $t ? J + xt : vt, St = h.querySelector(".nc-tt__caret");
-      p(St, $t);
-      const Et = W - (ht - Tt), Ft = Math.max(10, Math.min(U - 10, Et));
-      St.style.left = Ft + "px", h.style.left = ht + "px", h.style.top = qt + "px", h.style.visibility = "visible";
+      const We = re != null ? `<div style="display:flex;align-items:center;gap:6px;margin-top:6px;padding-top:4px;border-top:1px dashed rgba(15,23,42,.08);"><span style="font-size:11px;color:#64748B;margin-right:6px;">Previsto</span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;margin-left:auto;">${c(re)}</span></div>` : "";
+      let be = "";
+      if (t.detalheTooltip && O != null) {
+        const X = (Te = o.value[0]) == null ? void 0 : Te.dados[O], U = t.detalheTooltip(X, O);
+        be = (Array.isArray(U) ? U : [U]).filter(Boolean).map((se) => Oe(se)).join("");
+      }
+      const Xe = I.querySelector(".nc-tt__content");
+      Xe.innerHTML = me((T.title || []).join(" ")) + V + We + be;
+      const { offsetLeft: Ue, offsetTop: Je } = B.canvas;
+      I.style.opacity = "1", I.style.visibility = "hidden", I.style.left = "0px", I.style.top = "0px";
+      const le = I.offsetWidth, Qe = I.offsetHeight, xe = 4, $e = Ue + T.caretX, Ce = Je + T.caretY, ke = ge($e, le, w.clientWidth, xe), Ye = le / 2, Se = 14, Ae = Ce - Se - Qe, Be = Ae < xe, Ge = Be ? Ce + Se : Ae, Re = I.querySelector(".nc-tt__caret");
+      je(Re, Be);
+      const Ke = $e - (ke - Ye), Ze = Math.max(10, Math.min(le - 10, Ke));
+      Re.style.left = Ze + "px", I.style.left = ke + "px", I.style.top = Ge + "px", I.style.visibility = "visible";
     }
-    const G = M(() => {
-      const i = Q.value, f = {
+    const C = F(() => {
+      const i = b.value, B = {
         grid: { display: !1, drawBorder: !1 },
         border: { display: !1 },
-        ticks: { color: o.value.muted, font: { size: 10, family: "'Inter', sans-serif" }, padding: 8 },
-        stacked: e.empilhado
-      }, n = {
+        ticks: { color: a.value.muted, font: { size: 10, family: "'Inter', sans-serif" }, padding: 8 },
+        stacked: t.empilhado
+      }, T = {
         display: !1,
         grid: { display: !1 },
         beginAtZero: !0,
-        stacked: e.empilhado,
-        suggestedMax: c.value.length ? Math.max(...c.value.map((m) => m.valor)) : void 0
+        stacked: t.empilhado,
+        suggestedMax: A.value.length ? Math.max(...A.value.map((w) => w.valor)) : void 0
       };
       return {
         responsive: !0,
@@ -1031,19 +1175,19 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         interaction: { intersect: !1, mode: "index", axis: i ? "y" : "x" },
         layout: {
           padding: {
-            top: c.value.length && !i ? 24 : 12,
+            top: A.value.length && !i ? 24 : 12,
             right: i ? 12 : 0,
             bottom: 0,
-            left: c.value.length && i ? 60 : 0
+            left: A.value.length && i ? 60 : 0
           }
         },
         plugins: {
           legend: {
-            display: e.mostrarLegendaSeries && X.value.length > 1,
+            display: t.mostrarLegendaSeries && o.value.length > 1,
             position: "bottom",
             align: "start",
             labels: {
-              color: o.value.muted,
+              color: a.value.muted,
               boxWidth: 8,
               boxHeight: 8,
               usePointStyle: !0,
@@ -1054,251 +1198,114 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           },
           tooltip: {
             enabled: !1,
-            external: j,
+            external: f,
             callbacks: {
-              title: (m) => {
-                var h;
-                return ((h = m[0]) == null ? void 0 : h.label) ?? "";
+              title: (w) => {
+                var I;
+                return ((I = w[0]) == null ? void 0 : I.label) ?? "";
               },
-              label: (m) => $(i ? m.parsed.x : m.parsed.y)
+              label: (w) => c(i ? w.parsed.x : w.parsed.y)
             }
           }
         },
         scales: {
-          x: i ? n : f,
-          y: i ? f : n
+          x: i ? T : B,
+          y: i ? B : T
         }
       };
     });
-    function u() {
-      d("botaoAcao");
-    }
-    const c = M(() => e.linhasReferencia ? (Array.isArray(e.linhasReferencia) ? e.linhasReferencia : [e.linhasReferencia]).filter((f) => f && (typeof f == "number" || typeof f.valor == "number")).map((f) => typeof f == "number" ? { valor: f, rotulo: null, cor: "#0F172A", corRotulo: "#0F172A", corTexto: "#FFFFFF", tracejado: [6, 6], espessura: 1 } : {
-      valor: f.valor,
-      rotulo: f.rotulo ?? null,
-      cor: f.cor || "#0F172A",
-      corRotulo: f.corRotulo || f.cor || "#0F172A",
-      corTexto: f.corTexto || "#FFFFFF",
-      tracejado: f.tracejado || [6, 6],
-      espessura: f.espessura ?? 1
-    }) : []), a = [], b = {
-      id: "linhaReferencia",
-      afterDatasetsDraw(i) {
-        const f = c.value;
-        if (a.length = 0, !f.length) return;
-        const { ctx: n, chartArea: m, scales: h } = i, H = Q.value, T = H ? h.x : h.y;
-        T && f.forEach((q) => {
-          const C = T.getPixelForValue(q.valor);
-          if (a.push({ linha: q, pos: C, horizontal: H, chartArea: m }), n.save(), n.beginPath(), n.setLineDash(q.tracejado), n.lineWidth = q.espessura, n.strokeStyle = q.cor, H) {
-            if (C < m.left || C > m.right) {
-              n.restore();
-              return;
-            }
-            n.moveTo(C, m.top), n.lineTo(C, m.bottom);
-          } else {
-            if (C < m.top || C > m.bottom) {
-              n.restore();
-              return;
-            }
-            n.moveTo(m.left, C), n.lineTo(m.right, C);
-          }
-          if (n.stroke(), n.setLineDash([]), q.rotulo) {
-            n.font = "600 11px 'Inter', sans-serif";
-            const V = 8, S = 5, O = n.measureText(q.rotulo).width, tt = 12, U = O + V * 2, N = tt + S * 2, Z = N / 2;
-            let W, J;
-            H ? (W = C - U / 2, J = m.top - N - 6, J < 0 && (J = m.top + 6)) : (W = m.left - U - 6, J = C - N / 2, W < 0 && (W = m.left + 6)), n.fillStyle = q.corRotulo, n.beginPath(), n.roundRect ? n.roundRect(W, J, U, N, Z) : (n.moveTo(W + Z, J), n.lineTo(W + U - Z, J), n.quadraticCurveTo(W + U, J, W + U, J + Z), n.lineTo(W + U, J + N - Z), n.quadraticCurveTo(W + U, J + N, W + U - Z, J + N), n.lineTo(W + Z, J + N), n.quadraticCurveTo(W, J + N, W, J + N - Z), n.lineTo(W, J + Z), n.quadraticCurveTo(W, J, W + Z, J)), n.fill(), n.fillStyle = q.corTexto, n.textBaseline = "middle", n.textAlign = "center", n.fillText(q.rotulo, W + U / 2, J + N / 2);
-          }
-          n.restore();
-        });
-      },
-      beforeEvent(i, f) {
-        if (!a.length) {
-          E = null;
-          return;
-        }
-        const n = f.event;
-        if (!n || n.type === "mouseout" || n.x == null || n.y == null) {
-          E = null;
-          return;
-        }
-        const m = 8;
-        let h = null, H = 1 / 0;
-        for (const T of a) {
-          const q = T.horizontal ? Math.abs(n.x - T.pos) : Math.abs(n.y - T.pos), C = T.horizontal ? n.y >= T.chartArea.top && n.y <= T.chartArea.bottom : n.x >= T.chartArea.left && n.x <= T.chartArea.right;
-          q <= m && C && q < H && (H = q, h = T);
-        }
-        E = h;
-      },
-      afterEvent(i, f) {
-        if (!a.length) return;
-        const n = f.event;
-        if (!n) return;
-        const m = rt(i);
-        if (!m) return;
-        let h = m.querySelector(".nc-tt-linhaRef");
-        if (!E) {
-          h && (h.style.opacity = "0");
-          return;
-        }
-        const H = E;
-        h || (h = document.createElement("div"), h.className = "nc-tt-linhaRef", Object.assign(h.style, {
-          position: "absolute",
-          pointerEvents: "none",
-          transform: "translate(-50%, calc(-100% - 12px))",
-          transition: "opacity .18s ease, left .12s ease, top .12s ease",
-          opacity: "0",
-          background: "#ffffff",
-          borderRadius: "10px",
-          padding: "8px 11px",
-          boxShadow: "0 1px 2px rgba(15,23,42,.06), 0 8px 24px rgba(15,23,42,.12)",
-          border: "1px solid rgba(15,23,42,.06)",
-          whiteSpace: "nowrap",
-          zIndex: "11",
-          fontFamily: "'Inter', sans-serif",
-          textAlign: "left"
-        }), m.appendChild(h));
-        const T = H.linha.cor || "#0F172A", q = $(H.linha.valor), C = H.linha.rotulo;
-        h.innerHTML = (C ? `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${C}</div>` : "") + `<div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${T};box-shadow:0 0 0 2px ${D(T, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${q}</span></div>`;
-        const V = i.canvas;
-        h.style.opacity = "1", h.style.visibility = "hidden", h.style.left = "0px", h.style.top = "0px";
-        const S = h.offsetWidth, P = h.offsetHeight, O = 4;
-        let tt, U;
-        H.horizontal ? (tt = V.offsetLeft + H.pos, U = V.offsetTop + n.y) : (tt = V.offsetLeft + n.x, U = V.offsetTop + H.pos);
-        const N = nt(tt, S, m.clientWidth, O);
-        let Z = U;
-        const W = P + 16 + O;
-        Z < W && (Z = W), h.style.left = N + "px", h.style.top = Z + "px", h.style.visibility = "visible";
-      }
-    }, v = M(() => c.value.length ? [b] : []);
-    return (i, f) => (l(), s("div", {
+    return (i, B) => (y(), v("div", {
       ref_key: "cardRef",
-      ref: R,
-      class: lt(["card-barra p-4 flex", F.value]),
-      style: x(r(B))
+      ref: p,
+      class: Q(["card-barra nc-p-4 nc-flex", d.value]),
+      style: q(g(u))
     }, [
-      k("div", Ee, [
-        k("div", Fe, [
-          i.$slots.legenda || t.legenda || i.$slots.sublegenda || t.sublegenda ? (l(), s("div", Le, [
-            i.$slots.legenda || t.legenda ? (l(), s("div", {
-              key: 0,
-              class: "text-xs font-medium",
-              style: x({ color: r(o).text, opacity: 0.85 })
-            }, [
-              L(i.$slots, "legenda", {}, () => [
-                Y(A(t.legenda), 1)
-              ], !0)
-            ], 4)) : g("", !0),
-            i.$slots.sublegenda || t.sublegenda ? (l(), s("div", {
-              key: 1,
-              class: "text-xs",
-              style: x({ color: r(o).muted })
-            }, [
-              L(i.$slots, "sublegenda", {}, () => [
-                Y(A(t.sublegenda), 1)
-              ], !0)
-            ], 4)) : g("", !0)
-          ])) : g("", !0),
-          i.$slots.actions || t.botaoVisivel || t.exportar ? (l(), s("div", ze, [
-            L(i.$slots, "actions", {}, () => [
-              t.botaoVisivel ? (l(), s("button", {
-                key: 0,
-                class: "nc-btn inline-flex align-items-center",
-                style: x({ color: r(o).text, borderColor: r(D)(r(o).text, 0.18) }),
-                onClick: u
-              }, [
-                k("span", null, A(t.textoBotao), 1)
-              ], 4)) : g("", !0)
-            ], !0),
-            t.exportar ? (l(), s("button", {
-              key: 0,
-              type: "button",
-              class: "nc-exportar inline-flex align-items-center justify-content-center",
-              style: x({ color: r(o).muted, borderColor: r(D)(r(o).text, 0.18) }),
-              title: "Exportar como imagem",
-              "aria-label": "Exportar como imagem",
-              onClick: w,
-              innerHTML: r(I)
-            }, null, 12, Me)) : g("", !0)
-          ])) : g("", !0)
-        ]),
-        i.$slots.titulo || t.titulo || i.$slots.descricao || t.descricao ? (l(), s("div", je, [
-          i.$slots.titulo || t.titulo ? (l(), s("div", {
-            key: 0,
-            class: "m-0 text-3xl font-semibold",
-            style: x({ color: r(o).text, lineHeight: "33px", letterSpacing: "-1px" })
-          }, [
-            L(i.$slots, "titulo", {}, () => [
-              Y(A(t.titulo), 1)
-            ], !0)
-          ], 4)) : g("", !0),
-          i.$slots.descricao || t.descricao ? (l(), s("div", {
-            key: 1,
-            class: "text-sm mt-1",
-            style: x({ color: r(o).muted })
-          }, [
-            L(i.$slots, "descricao", {}, () => [
-              Y(A(t.descricao), 1)
-            ], !0)
-          ], 4)) : g("", !0)
-        ])) : g("", !0)
+      E("div", Kt, [
+        P(_, {
+          class: "card-barra__topo",
+          legenda: i.legenda,
+          sublegenda: i.sublegenda,
+          palette: g(a),
+          "texto-botao": i.textoBotao,
+          "botao-visivel": i.botaoVisivel,
+          exportar: i.exportar,
+          "opacidade-legenda": "0.85",
+          onBotaoAcao: B[0] || (B[0] = (T) => n("botaoAcao")),
+          onExportar: g(m)
+        }, J({ _: 2 }, [
+          i.$slots.legenda ? {
+            name: "legenda",
+            fn: z(() => [
+              $(i.$slots, "legenda", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0,
+          i.$slots.sublegenda ? {
+            name: "sublegenda",
+            fn: z(() => [
+              $(i.$slots, "sublegenda", {}, void 0, !0)
+            ]),
+            key: "1"
+          } : void 0,
+          i.$slots.actions ? {
+            name: "actions",
+            fn: z(() => [
+              $(i.$slots, "actions", {}, void 0, !0)
+            ]),
+            key: "2"
+          } : void 0
+        ]), 1032, ["legenda", "sublegenda", "palette", "texto-botao", "botao-visivel", "exportar", "onExportar"]),
+        i.$slots.titulo || i.titulo || i.$slots.descricao || i.descricao ? (y(), ce(ue, {
+          key: 0,
+          class: "card-barra__titulos nc-mt-3 nc-mb-2",
+          titulo: i.titulo,
+          descricao: i.descricao,
+          palette: g(a)
+        }, J({ _: 2 }, [
+          i.$slots.titulo ? {
+            name: "titulo",
+            fn: z(() => [
+              $(i.$slots, "titulo", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0,
+          i.$slots.descricao ? {
+            name: "descricao",
+            fn: z(() => [
+              $(i.$slots, "descricao", {}, void 0, !0)
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["titulo", "descricao", "palette"])) : S("", !0)
       ]),
-      k("div", He, [
-        ft(st, {
+      E("div", Zt, [
+        P(Y, {
           type: "bar",
-          data: K.value,
-          options: G.value,
-          plugins: v.value,
+          data: x.value,
+          options: C.value,
+          plugins: M,
           height: "100%"
-        }, null, 8, ["data", "options", "plugins"])
+        }, null, 8, ["data", "options"])
       ]),
-      i.$slots.footer ? (l(), s("div", Ve, [
-        L(i.$slots, "footer", {}, void 0, !0)
-      ])) : g("", !0)
+      i.$slots.footer ? (y(), v("div", _t, [
+        $(i.$slots, "footer", {}, void 0, !0)
+      ])) : S("", !0)
     ], 6));
   }
-}, Pe = /* @__PURE__ */ at(Ne, [["__scopeId", "data-v-474043e8"]]), De = { class: "card-polar__topo flex align-items-start justify-content-between gap-3" }, Ie = {
-  key: 0,
-  class: "nc-legendas-flex flex flex-column"
-}, We = {
-  key: 1,
-  class: "nc-actions inline-flex align-items-center gap-2"
-}, Oe = ["innerHTML"], Xe = { class: "card-polar__corpo flex align-items-center" }, Ye = { class: "nc-tabela flex flex-column" }, Je = { class: "nc-tabela-valor" }, Qe = { class: "nc-tabela-rotulo inline-flex align-items-center gap-2" }, Ue = { class: "nc-tabela-valor" }, Ge = { class: "card-polar__chart-wrap flex align-items-center justify-content-center" }, Ze = { class: "card-polar__chart" }, Ke = {
+}, ta = /* @__PURE__ */ W(ea, [["__scopeId", "data-v-857f5e5b"]]), aa = { class: "card-polar__corpo nc-flex nc-align-items-center" }, oa = { class: "card-polar__chart-wrap nc-flex nc-align-items-center nc-justify-content-center" }, na = { class: "card-polar__chart" }, ra = {
   key: 0,
   class: "card-polar__centro-bottom"
-}, _e = {
+}, la = {
   key: 0,
-  class: "card-polar__footer mt-3"
-}, to = {
+  class: "card-polar__footer nc-mt-3"
+}, sa = {
   __name: "CardPolar",
   props: {
-    legenda: { type: String, default: null },
-    sublegenda: { type: String, default: null },
-    titulo: { type: String, default: null },
-    descricao: { type: String, default: null },
-    tema: { type: String, default: "light" },
-    corFundo: { type: String, default: null },
-    corTexto: { type: String, default: null },
-    corBorda: { type: String, default: "#EAE8E8" },
-    borderRadius: { type: [String, Number], default: "0.75rem" },
-    sombra: { type: String, default: "0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)" },
+    ...Z({ nomeArquivoExport: "card-polar.png" }),
+    ...te(),
+    ...ae("right"),
+    ...Ve(),
     corDetalhes: { type: String, default: "#3B82F6" },
-    textoBotao: { type: String, default: "Ver mais" },
-    botaoVisivel: { type: Boolean, default: !1 },
-    direcao: {
-      type: String,
-      default: "right",
-      validator: (t) => ["left", "right", "top", "bottom"].includes(t)
-    },
-    rotuloCategoria: { type: String, default: "Categoria" },
-    rotuloQuantidade: { type: String, default: "Quantidade" },
-    mostrarCabecalho: { type: Boolean, default: !0 },
-    tipoValor: {
-      type: String,
-      default: "numero",
-      validator: (t) => ["numero", "moeda", "percentual"].includes(t)
-    },
-    locale: { type: String, default: "pt-BR" },
-    moeda: { type: String, default: "BRL" },
     data: {
       type: Array,
       default: () => [
@@ -1313,65 +1320,57 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
     },
     height: { type: [String, Number], default: 260 },
     mostrarLinhasGrade: { type: Boolean, default: !0 },
-    exportar: { type: Boolean, default: !1 },
-    nomeArquivoExport: { type: String, default: "card-polar.png" }
+    // Recebe o item original de `data` e retorna texto(s) extra(s) exibidos no
+    // tooltip abaixo do valor. Pode devolver uma string ou um array de strings.
+    detalheTooltip: { type: Function, default: null }
   },
-  emits: ["botaoAcao", "exportado"],
-  setup(t, { emit: y }) {
-    const e = t, d = y, { palette: o, cardStyle: B } = it(e), { formatar: $ } = pt(e), R = ot(null), I = dt;
-    async function w() {
-      await ct(R.value, {
-        nomeArquivo: e.nomeArquivoExport,
-        corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), d("exportado");
-    }
-    const F = M(() => `card-polar--${e.direcao}`), z = M(() => {
-      const p = bt(e.corDetalhes, e.data.length);
-      return e.data.map((E, j) => E.cor ?? p[j]);
-    }), Q = M(() => ({
-      labels: e.data.map((p) => p.rotulo),
+  emits: ["botaoAcao", "exportado", "itemClicado"],
+  setup(e, { emit: r }) {
+    const t = e, n = r, { palette: a, cardStyle: u } = G(t), { formatar: c } = ee(t), { cardRef: p, onExportar: m, iconeExportar: l } = K(t, a, n), d = F(() => `card-polar--${t.direcao}`), h = F(() => {
+      const o = de(t.corDetalhes, t.data.length);
+      return t.data.map((s, x) => s.cor ?? o[x]);
+    }), b = F(() => ({
+      labels: t.data.map((o) => o.rotulo),
       datasets: [
         {
-          data: e.data.map((p) => p.quantidade),
-          backgroundColor: z.value,
-          borderColor: z.value,
+          data: t.data.map((o) => o.quantidade),
+          backgroundColor: h.value,
+          borderColor: h.value,
           borderWidth: 0,
           hoverOffset: 6
         }
       ]
-    }));
-    function X(p) {
-      const { chart: E, tooltip: j } = p, G = rt(E);
-      if (!G) return;
-      const u = gt(G);
-      if (j.opacity === 0) {
-        u.style.opacity = "0";
-        return;
-      }
-      const c = j.title || [], a = j.dataPoints && j.dataPoints[0], b = a ? z.value[a.dataIndex] : "#3B82F6", v = a ? $(a.parsed.r ?? a.parsed) : "", i = u.querySelector(".nc-tt__content");
-      i.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${c.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${b};box-shadow:0 0 0 2px ${D(b, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${v}</span></div>`;
-      const { offsetLeft: f, offsetTop: n } = E.canvas;
-      u.style.opacity = "1", u.style.visibility = "hidden", u.style.left = "0px", u.style.top = "0px";
-      const m = u.offsetWidth, h = u.offsetHeight, H = 4, T = f + j.caretX, q = n + j.caretY, C = nt(T, m, G.clientWidth, H), V = q < h + 16 + H;
-      u.style.transform = V ? "translate(-50%, 16px)" : "translate(-50%, calc(-100% - 16px))";
-      const S = u.querySelector(".nc-tt__caret");
-      S && (V ? (S.style.bottom = "", S.style.top = "-5px", S.style.borderRight = "", S.style.borderBottom = "", S.style.borderLeft = "1px solid rgba(15,23,42,.06)", S.style.borderTop = "1px solid rgba(15,23,42,.06)") : (S.style.top = "", S.style.bottom = "-5px", S.style.borderLeft = "", S.style.borderTop = "", S.style.borderRight = "1px solid rgba(15,23,42,.06)", S.style.borderBottom = "1px solid rgba(15,23,42,.06)")), u.style.left = C + "px", u.style.top = q + "px", u.style.visibility = "visible";
+    })), A = ye({
+      corDe: (o) => h.value[o.dataIndex],
+      valorDe: (o) => c(o.parsed.r ?? o.parsed),
+      linhasExtrasDe: t.detalheTooltip ? (o) => t.detalheTooltip(t.data[o.dataIndex], o.dataIndex) : null
+    }), k = ne(null);
+    function R(o) {
+      n("itemClicado", o);
     }
-    const _ = M(() => ({
+    const M = F(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
       layout: { padding: 4 },
+      onHover: (o, s, x) => {
+        k.value = s.length ? s[0].index : null, x.canvas.style.cursor = t.itensClicaveis && s.length ? "pointer" : "default";
+      },
+      onClick: (o, s) => {
+        if (!t.itensClicaveis || !s.length) return;
+        const x = s[0].index, f = t.data[x];
+        f && R({ item: f, index: x, cor: h.value[x] });
+      },
       scales: {
         r: {
           beginAtZero: !0,
           ticks: { display: !1, backdropColor: "transparent" },
           grid: {
-            display: e.mostrarLinhasGrade,
-            color: D(o.value.muted, 0.18)
+            display: t.mostrarLinhasGrade,
+            color: D(a.value.muted, 0.18)
           },
           angleLines: {
-            display: e.mostrarLinhasGrade,
-            color: D(o.value.muted, 0.18)
+            display: t.mostrarLinhasGrade,
+            color: D(a.value.muted, 0.18)
           },
           pointLabels: { display: !1 }
         }
@@ -1380,186 +1379,132 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         legend: { display: !1 },
         tooltip: {
           enabled: !1,
-          external: X,
+          external: A,
           callbacks: {
-            title: (p) => {
-              var E;
-              return ((E = p[0]) == null ? void 0 : E.label) ?? "";
+            title: (o) => {
+              var s;
+              return ((s = o[0]) == null ? void 0 : s.label) ?? "";
             },
-            label: (p) => {
-              var E;
-              return $(((E = p.parsed) == null ? void 0 : E.r) ?? p.parsed);
+            label: (o) => {
+              var s;
+              return c(((s = o.parsed) == null ? void 0 : s.r) ?? o.parsed);
             }
           }
         }
       }
     }));
-    function K() {
-      d("botaoAcao");
-    }
-    return (p, E) => (l(), s("div", {
+    return (o, s) => (y(), v("div", {
       ref_key: "cardRef",
-      ref: R,
-      class: lt(["card-polar p-4 flex flex-column", F.value]),
-      style: x(r(B))
+      ref: p,
+      class: Q(["card-polar nc-p-4 nc-flex nc-flex-column", d.value]),
+      style: q(g(u))
     }, [
-      k("div", De, [
-        p.$slots.legenda || t.legenda || p.$slots.sublegenda || t.sublegenda ? (l(), s("div", Ie, [
-          p.$slots.legenda || t.legenda ? (l(), s("div", {
-            key: 0,
-            class: "text-xs font-medium",
-            style: x({ color: r(o).text, opacity: 0.95 })
-          }, [
-            L(p.$slots, "legenda", {}, () => [
-              Y(A(t.legenda), 1)
-            ], !0)
-          ], 4)) : g("", !0),
-          p.$slots.sublegenda || t.sublegenda ? (l(), s("div", {
-            key: 1,
-            class: "text-xs",
-            style: x({ color: r(o).muted })
-          }, [
-            L(p.$slots, "sublegenda", {}, () => [
-              Y(A(t.sublegenda), 1)
-            ], !0)
-          ], 4)) : g("", !0)
-        ])) : g("", !0),
-        p.$slots.actions || t.botaoVisivel || t.exportar ? (l(), s("div", We, [
-          L(p.$slots, "actions", {}, () => [
-            t.botaoVisivel ? (l(), s("button", {
-              key: 0,
-              class: "nc-btn inline-flex align-items-center",
-              style: x({ color: r(o).text, borderColor: r(D)(r(o).text, 0.18) }),
-              onClick: K
-            }, [
-              k("span", null, A(t.textoBotao), 1)
-            ], 4)) : g("", !0)
-          ], !0),
-          t.exportar ? (l(), s("button", {
-            key: 0,
-            type: "button",
-            class: "nc-exportar inline-flex align-items-center justify-content-center",
-            style: x({ color: r(o).muted, borderColor: r(D)(r(o).text, 0.18) }),
-            title: "Exportar como imagem",
-            "aria-label": "Exportar como imagem",
-            onClick: w,
-            innerHTML: r(I)
-          }, null, 12, Oe)) : g("", !0)
-        ])) : g("", !0)
-      ]),
-      k("div", Xe, [
-        k("div", Ye, [
-          t.mostrarCabecalho ? (l(), s("div", {
-            key: 0,
-            class: "nc-tabela-cab flex align-items-center justify-content-between",
-            style: x({ color: r(o).muted, borderColor: r(D)(r(o).muted, 0.25) })
-          }, [
-            k("span", null, A(t.rotuloCategoria), 1),
-            k("span", Je, A(t.rotuloQuantidade), 1)
-          ], 4)) : g("", !0),
-          (l(!0), s(yt, null, mt(t.data, (j, G) => (l(), s("div", {
-            key: G,
-            class: "nc-tabela-linha flex align-items-center justify-content-between",
-            style: x({ color: r(o).text })
-          }, [
-            k("span", Qe, [
-              k("span", {
-                class: "nc-bolinha",
-                style: x({ background: z.value[G] })
-              }, null, 4),
-              k("span", null, A(j.rotulo), 1)
-            ]),
-            k("span", Ue, A(r($)(j.quantidade)), 1)
-          ], 4))), 128))
-        ]),
-        k("div", Ge, [
-          k("div", Ze, [
-            ft(st, {
+      P(_, {
+        class: "card-polar__topo",
+        legenda: o.legenda,
+        sublegenda: o.sublegenda,
+        palette: g(a),
+        "texto-botao": o.textoBotao,
+        "botao-visivel": o.botaoVisivel,
+        exportar: o.exportar,
+        onBotaoAcao: s[0] || (s[0] = (x) => n("botaoAcao")),
+        onExportar: g(m)
+      }, J({ _: 2 }, [
+        o.$slots.legenda ? {
+          name: "legenda",
+          fn: z(() => [
+            $(o.$slots, "legenda", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        o.$slots.sublegenda ? {
+          name: "sublegenda",
+          fn: z(() => [
+            $(o.$slots, "sublegenda", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        o.$slots.actions ? {
+          name: "actions",
+          fn: z(() => [
+            $(o.$slots, "actions", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1032, ["legenda", "sublegenda", "palette", "texto-botao", "botao-visivel", "exportar", "onExportar"]),
+      E("div", aa, [
+        P(He, {
+          data: e.data,
+          "cores-aplicadas": h.value,
+          palette: g(a),
+          formatar: g(c),
+          "rotulo-categoria": o.rotuloCategoria,
+          "rotulo-quantidade": o.rotuloQuantidade,
+          "mostrar-cabecalho": o.mostrarCabecalho,
+          "itens-clicaveis": o.itensClicaveis,
+          "pad-ativa": "0.25rem",
+          "hover-index": k.value,
+          "onUpdate:hoverIndex": s[1] || (s[1] = (x) => k.value = x),
+          onItemClicado: R
+        }, null, 8, ["data", "cores-aplicadas", "palette", "formatar", "rotulo-categoria", "rotulo-quantidade", "mostrar-cabecalho", "itens-clicaveis", "hover-index"]),
+        E("div", oa, [
+          E("div", na, [
+            P(Y, {
               type: "polarArea",
-              data: Q.value,
-              options: _.value,
-              height: t.height
+              data: b.value,
+              options: M.value,
+              height: e.height
             }, null, 8, ["data", "options", "height"]),
-            p.$slots.titulo || t.titulo || p.$slots.descricao || t.descricao ? (l(), s("div", Ke, [
-              p.$slots.titulo || t.titulo ? (l(), s("div", {
+            o.$slots.titulo || o.titulo || o.$slots.descricao || o.descricao ? (y(), v("div", ra, [
+              o.$slots.titulo || o.titulo ? (y(), v("div", {
                 key: 0,
-                class: "card-polar__centro-titulo m-0 text-3xl font-semibold",
-                style: x({ color: r(o).text, lineHeight: "33px", letterSpacing: "-1px" })
+                class: "card-polar__centro-titulo nc-m-0 nc-text-3xl nc-font-semibold",
+                style: q({ color: g(a).text, lineHeight: "33px", letterSpacing: "-1px" })
               }, [
-                L(p.$slots, "titulo", {}, () => [
-                  Y(A(t.titulo), 1)
+                $(o.$slots, "titulo", {}, () => [
+                  j(L(o.titulo), 1)
                 ], !0)
-              ], 4)) : g("", !0),
-              p.$slots.descricao || t.descricao ? (l(), s("div", {
+              ], 4)) : S("", !0),
+              o.$slots.descricao || o.descricao ? (y(), v("div", {
                 key: 1,
                 class: "card-polar__centro-desc",
-                style: x({ color: r(o).muted })
+                style: q({ color: g(a).muted })
               }, [
-                L(p.$slots, "descricao", {}, () => [
-                  Y(A(t.descricao), 1)
+                $(o.$slots, "descricao", {}, () => [
+                  j(L(o.descricao), 1)
                 ], !0)
-              ], 4)) : g("", !0)
-            ])) : g("", !0)
+              ], 4)) : S("", !0)
+            ])) : S("", !0)
           ])
         ])
       ]),
-      p.$slots.footer ? (l(), s("div", _e, [
-        L(p.$slots, "footer", {}, void 0, !0)
-      ])) : g("", !0)
+      o.$slots.footer ? (y(), v("div", la, [
+        $(o.$slots, "footer", {}, void 0, !0)
+      ])) : S("", !0)
     ], 6));
   }
-}, eo = /* @__PURE__ */ at(to, [["__scopeId", "data-v-352f2f67"]]), oo = { class: "card-progresso__topo flex align-items-start justify-content-between gap-3" }, ao = {
-  key: 0,
-  class: "nc-legendas-flex flex flex-column"
-}, ro = {
-  key: 1,
-  class: "nc-actions inline-flex align-items-center gap-2"
-}, no = ["innerHTML"], lo = {
-  key: 0,
-  class: "card-progresso__titulos mt-3 mb-2 flex flex-column"
-}, so = { class: "card-progresso__corpo flex align-items-center flex-wrap" }, io = {
+}, ia = /* @__PURE__ */ W(sa, [["__scopeId", "data-v-2316171d"]]), ca = { class: "card-progresso__corpo nc-flex nc-align-items-center nc-flex-wrap" }, da = {
   key: 0,
-  class: "card-progresso__chart-wrap flex align-items-center justify-content-center"
-}, co = { class: "card-progresso__chart" }, uo = { class: "nc-centro flex flex-column align-items-center justify-content-center" }, fo = { class: "card-progresso__lista flex flex-column" }, po = { class: "card-progresso__item-cab flex align-items-center justify-content-between" }, go = {
+  class: "card-progresso__chart-wrap nc-flex nc-align-items-center nc-justify-content-center"
+}, ua = { class: "card-progresso__chart" }, pa = { class: "nc-centro nc-flex nc-flex-column nc-align-items-center nc-justify-content-center" }, fa = { class: "card-progresso__lista nc-flex nc-flex-column" }, ga = { class: "card-progresso__item-cab nc-flex nc-align-items-center nc-justify-content-between" }, ma = {
   key: 0,
-  class: "card-progresso__item-valor inline-flex align-items-center gap-2"
-}, yo = { key: 0 }, mo = {
+  class: "card-progresso__item-valor nc-inline-flex nc-align-items-center nc-gap-2"
+}, ha = { key: 0 }, ya = {
   key: 1,
-  class: "card-progresso__footer mt-3"
-}, bo = {
+  class: "card-progresso__footer nc-mt-3"
+}, va = {
   __name: "CardProgresso",
   props: {
-    legenda: { type: String, default: null },
-    sublegenda: { type: String, default: null },
-    titulo: { type: String, default: null },
-    descricao: { type: String, default: null },
-    tema: { type: String, default: "light" },
-    corFundo: { type: String, default: null },
-    corTexto: { type: String, default: null },
-    corBorda: { type: String, default: "#EAE8E8" },
-    borderRadius: { type: [String, Number], default: "0.75rem" },
-    sombra: { type: String, default: "0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06)" },
+    ...Z({ nomeArquivoExport: "card-progresso.png" }),
+    ...te(),
+    ...ae("top"),
     corDetalhes: { type: String, default: "#3B82F6" },
     corExcesso: { type: String, default: "#EF4444" },
-    textoBotao: { type: String, default: "Ver mais" },
-    botaoVisivel: { type: Boolean, default: !1 },
-    direcao: {
-      type: String,
-      default: "top",
-      validator: (t) => ["top", "bottom", "left", "right"].includes(t)
-    },
     formato: {
       type: String,
       default: "linear",
-      validator: (t) => ["linear", "circular"].includes(t)
-    },
-    tipoValor: {
-      type: String,
-      default: "numero",
-      validator: (t) => ["numero", "moeda", "percentual"].includes(t)
+      validator: (e) => ["linear", "circular"].includes(e)
     },
-    locale: { type: String, default: "pt-BR" },
-    moeda: { type: String, default: "BRL" },
     data: {
       type: Array,
       default: () => [
@@ -1575,45 +1520,34 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
     alturaBarra: { type: [String, Number], default: 8 },
     raioBarra: { type: [String, Number], default: "999px" },
     height: { type: [String, Number], default: 220 },
-    cutout: { type: [String, Number], default: "78%" },
-    exportar: { type: Boolean, default: !1 },
-    nomeArquivoExport: { type: String, default: "card-progresso.png" }
+    cutout: { type: [String, Number], default: "78%" }
   },
   emits: ["botaoAcao", "exportado"],
-  setup(t, { emit: y }) {
-    const e = t, d = y, { palette: o, cardStyle: B } = it(e), { formatar: $ } = pt(e), R = ot(null), I = dt;
-    async function w() {
-      await ct(R.value, {
-        nomeArquivo: e.nomeArquivoExport,
-        corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), d("exportado");
-    }
-    const F = M(() => `card-progresso--${e.direcao}`), z = M(() => {
-      const c = bt(e.corDetalhes, e.data.length);
-      return e.data.map((a, b) => {
-        const v = Number(a.meta ?? e.metaPadrao) || 0, i = Number(a.quantidade) || 0, f = a.cor ?? c[b], n = a.modo === "reducao";
-        let m;
-        if (n) {
-          const h = Number(a.valor_referencia) || 0, H = h - v;
-          m = H > 0 ? Math.max(0, Math.min(100, (h - i) / H * 100)) : 0;
+  setup(e, { emit: r }) {
+    const t = e, n = r, { palette: a, cardStyle: u } = G(t), { formatar: c } = ee(t), { cardRef: p, onExportar: m, iconeExportar: l } = K(t, a, n), d = F(() => `card-progresso--${t.direcao}`), h = F(() => {
+      const f = de(t.corDetalhes, t.data.length);
+      return t.data.map((C, i) => {
+        const B = Number(C.meta ?? t.metaPadrao) || 0, T = Number(C.quantidade) || 0, w = C.cor ?? f[i], I = C.modo === "reducao";
+        let H;
+        if (I) {
+          const N = Number(C.valor_referencia) || 0, V = N - B;
+          H = V > 0 ? Math.max(0, Math.min(100, (N - T) / V * 100)) : 0;
         } else
-          m = v > 0 ? Math.max(0, Math.min(100, i / v * 100)) : 0;
-        return { rotulo: a.rotulo, quantidade: i, meta: v, valorReferencia: a.valor_referencia ?? null, cor: f, percentual: m, reducao: n };
+          H = B > 0 ? Math.max(0, Math.min(100, T / B * 100)) : 0;
+        return { rotulo: C.rotulo, quantidade: T, meta: B, valorReferencia: C.valor_referencia ?? null, cor: w, percentual: H, reducao: I };
       });
-    }), Q = M(
-      () => typeof e.alturaBarra == "number" ? `${e.alturaBarra}px` : e.alturaBarra
-    ), X = M(
-      () => typeof e.raioBarra == "number" ? `${e.raioBarra}px` : e.raioBarra
-    );
-    M(() => z.value.reduce((c, a) => c + a.quantidade, 0)), M(() => z.value.reduce((c, a) => c + a.meta, 0));
-    const _ = M(() => z.value.length ? z.value.reduce((c, a) => c + a.percentual, 0) / z.value.length : 0), K = M(() => z.value.every((c) => c.reducao)), p = M(() => {
-      const c = Math.min(_.value, 100), a = Math.max(0, 100 - c), b = K.value ? e.corExcesso : e.corDetalhes;
+    }), b = F(
+      () => typeof t.alturaBarra == "number" ? `${t.alturaBarra}px` : t.alturaBarra
+    ), A = F(
+      () => typeof t.raioBarra == "number" ? `${t.raioBarra}px` : t.raioBarra
+    ), k = F(() => h.value.length ? h.value.reduce((f, C) => f + C.percentual, 0) / h.value.length : 0), R = F(() => h.value.every((f) => f.reducao)), M = F(() => {
+      const f = Math.min(k.value, 100), C = Math.max(0, 100 - f), i = R.value ? t.corExcesso : t.corDetalhes;
       return {
         labels: ["Progresso", "Restante"],
         datasets: [
           {
-            data: [c, a],
-            backgroundColor: [b, D(o.value.muted, 0.15)],
+            data: [f, C],
+            backgroundColor: [i, D(a.value.muted, 0.15)],
             borderWidth: 0,
             borderColor: "transparent",
             hoverOffset: 0,
@@ -1621,10 +1555,10 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           }
         ]
       };
-    }), E = M(() => ({
+    }), o = F(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
-      cutout: e.cutout,
+      cutout: t.cutout,
       rotation: -90,
       circumference: 360,
       layout: { padding: 4 },
@@ -1633,328 +1567,314 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         tooltip: { enabled: !1 }
       }
     }));
-    function j(c) {
-      const a = R.value;
-      if (!a) return;
-      getComputedStyle(a).position === "static" && (a.style.position = "relative");
-      const b = gt(a);
-      b.style.whiteSpace = "normal";
-      const v = b.querySelector(".nc-tt__content");
-      v.innerHTML = '<span style="font-size:11px;color:#0F172A;display:block;max-width:140px;line-height:1.5;"><strong>Modo Redução</strong>: o progresso aumenta conforme o valor diminui</span>', b.style.opacity = "1", b.style.visibility = "hidden", b.style.left = "0px", b.style.top = "0px", b.offsetWidth;
-      const i = c.currentTarget.getBoundingClientRect(), f = a.getBoundingClientRect(), n = i.left - f.left + i.width / 2, m = i.top - f.top;
-      b.style.transform = "translate(-50%, calc(-100% - 8px))";
-      const h = b.querySelector(".nc-tt__caret");
-      h && Object.assign(h.style, {
+    function s(f) {
+      const C = p.value;
+      if (!C) return;
+      getComputedStyle(C).position === "static" && (C.style.position = "relative");
+      const i = pe(C);
+      i.style.whiteSpace = "normal";
+      const B = i.querySelector(".nc-tt__content");
+      B.innerHTML = '<span style="font-size:11px;color:#0F172A;display:block;max-width:140px;line-height:1.5;"><strong>Modo Redução</strong>: o progresso aumenta conforme o valor diminui</span>', i.style.opacity = "1", i.style.visibility = "hidden", i.style.left = "0px", i.style.top = "0px";
+      const T = f.currentTarget.getBoundingClientRect(), w = C.getBoundingClientRect(), I = T.left - w.left + T.width / 2, H = T.top - w.top;
+      i.style.transform = "translate(-50%, calc(-100% - 8px))";
+      const N = i.querySelector(".nc-tt__caret");
+      N && Object.assign(N.style, {
         top: "",
         bottom: "-5px",
         borderLeft: "",
         borderTop: "",
         borderRight: "1px solid rgba(15,23,42,.06)",
         borderBottom: "1px solid rgba(15,23,42,.06)"
-      }), b.style.left = n + "px", b.style.top = m + "px", b.style.visibility = "visible";
+      }), i.style.left = I + "px", i.style.top = H + "px", i.style.visibility = "visible";
     }
-    function G() {
-      var a;
-      const c = (a = R.value) == null ? void 0 : a.querySelector(".nc-tt");
-      c && (c.style.opacity = "0");
+    function x() {
+      var C;
+      const f = (C = p.value) == null ? void 0 : C.querySelector(".nc-tt");
+      f && (f.style.opacity = "0");
     }
-    function u() {
-      d("botaoAcao");
-    }
-    return (c, a) => (l(), s("div", {
+    return (f, C) => (y(), v("div", {
       ref_key: "cardRef",
-      ref: R,
-      class: lt(["card-progresso p-4 flex flex-column", F.value]),
-      style: x(r(B))
+      ref: p,
+      class: Q(["card-progresso nc-p-4 nc-flex nc-flex-column", d.value]),
+      style: q(g(u))
     }, [
-      k("div", oo, [
-        c.$slots.legenda || t.legenda || c.$slots.sublegenda || t.sublegenda ? (l(), s("div", ao, [
-          c.$slots.legenda || t.legenda ? (l(), s("div", {
-            key: 0,
-            class: "text-xs font-medium",
-            style: x({ color: r(o).text, opacity: 0.95 })
-          }, [
-            L(c.$slots, "legenda", {}, () => [
-              Y(A(t.legenda), 1)
-            ], !0)
-          ], 4)) : g("", !0),
-          c.$slots.sublegenda || t.sublegenda ? (l(), s("div", {
-            key: 1,
-            class: "text-xs",
-            style: x({ color: r(o).muted })
-          }, [
-            L(c.$slots, "sublegenda", {}, () => [
-              Y(A(t.sublegenda), 1)
-            ], !0)
-          ], 4)) : g("", !0)
-        ])) : g("", !0),
-        c.$slots.actions || t.botaoVisivel || t.exportar ? (l(), s("div", ro, [
-          L(c.$slots, "actions", {}, () => [
-            t.botaoVisivel ? (l(), s("button", {
-              key: 0,
-              class: "nc-btn inline-flex align-items-center",
-              style: x({ color: r(o).text, borderColor: r(D)(r(o).text, 0.18) }),
-              onClick: u
-            }, [
-              k("span", null, A(t.textoBotao), 1)
-            ], 4)) : g("", !0)
-          ], !0),
-          t.exportar ? (l(), s("button", {
-            key: 0,
-            type: "button",
-            class: "nc-exportar inline-flex align-items-center justify-content-center",
-            style: x({ color: r(o).muted, borderColor: r(D)(r(o).text, 0.18) }),
-            title: "Exportar como imagem",
-            "aria-label": "Exportar como imagem",
-            onClick: w,
-            innerHTML: r(I)
-          }, null, 12, no)) : g("", !0)
-        ])) : g("", !0)
-      ]),
-      c.$slots.titulo || t.titulo || c.$slots.descricao || t.descricao ? (l(), s("div", lo, [
-        c.$slots.titulo || t.titulo ? (l(), s("div", {
-          key: 0,
-          class: "m-0 text-3xl font-semibold",
-          style: x({ color: r(o).text, lineHeight: "33px", letterSpacing: "-1px" })
-        }, [
-          L(c.$slots, "titulo", {}, () => [
-            Y(A(t.titulo), 1)
-          ], !0)
-        ], 4)) : g("", !0),
-        c.$slots.descricao || t.descricao ? (l(), s("div", {
-          key: 1,
-          class: "text-sm mt-1",
-          style: x({ color: r(o).muted })
-        }, [
-          L(c.$slots, "descricao", {}, () => [
-            Y(A(t.descricao), 1)
-          ], !0)
-        ], 4)) : g("", !0)
-      ])) : g("", !0),
-      k("div", so, [
-        t.formato === "circular" ? (l(), s("div", io, [
-          k("div", co, [
-            ft(st, {
+      P(_, {
+        class: "card-progresso__topo",
+        legenda: f.legenda,
+        sublegenda: f.sublegenda,
+        palette: g(a),
+        "texto-botao": f.textoBotao,
+        "botao-visivel": f.botaoVisivel,
+        exportar: f.exportar,
+        onBotaoAcao: C[0] || (C[0] = (i) => n("botaoAcao")),
+        onExportar: g(m)
+      }, J({ _: 2 }, [
+        f.$slots.legenda ? {
+          name: "legenda",
+          fn: z(() => [
+            $(f.$slots, "legenda", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        f.$slots.sublegenda ? {
+          name: "sublegenda",
+          fn: z(() => [
+            $(f.$slots, "sublegenda", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0,
+        f.$slots.actions ? {
+          name: "actions",
+          fn: z(() => [
+            $(f.$slots, "actions", {}, void 0, !0)
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1032, ["legenda", "sublegenda", "palette", "texto-botao", "botao-visivel", "exportar", "onExportar"]),
+      f.$slots.titulo || f.titulo || f.$slots.descricao || f.descricao ? (y(), ce(ue, {
+        key: 0,
+        class: "card-progresso__titulos nc-mt-3 nc-mb-2",
+        titulo: f.titulo,
+        descricao: f.descricao,
+        palette: g(a)
+      }, J({ _: 2 }, [
+        f.$slots.titulo ? {
+          name: "titulo",
+          fn: z(() => [
+            $(f.$slots, "titulo", {}, void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
+        f.$slots.descricao ? {
+          name: "descricao",
+          fn: z(() => [
+            $(f.$slots, "descricao", {}, void 0, !0)
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["titulo", "descricao", "palette"])) : S("", !0),
+      E("div", ca, [
+        e.formato === "circular" ? (y(), v("div", da, [
+          E("div", ua, [
+            P(Y, {
               type: "doughnut",
-              data: p.value,
-              options: E.value,
-              height: t.height
+              data: M.value,
+              options: o.value,
+              height: e.height
             }, null, 8, ["data", "options", "height"]),
-            k("div", uo, [
-              k("div", {
+            E("div", pa, [
+              E("div", {
                 class: "nc-centro-titulo",
-                style: x({ color: K.value ? e.corExcesso : r(o).text })
-              }, A(Math.round(_.value)) + "% ", 5)
+                style: q({ color: R.value ? t.corExcesso : g(a).text })
+              }, L(Math.round(k.value)) + "% ", 5)
             ])
           ])
-        ])) : g("", !0),
-        k("div", fo, [
-          (l(!0), s(yt, null, mt(z.value, (b, v) => (l(), s("div", {
-            key: v,
-            class: "card-progresso__item flex flex-column"
+        ])) : S("", !0),
+        E("div", fa, [
+          (y(!0), v(Me, null, De(h.value, (i, B) => (y(), v("div", {
+            key: B,
+            class: "card-progresso__item nc-flex nc-flex-column"
           }, [
-            k("div", po, [
-              k("span", {
-                class: "card-progresso__item-rotulo inline-flex align-items-center gap-2",
-                style: x({ color: r(o).text })
+            E("div", ga, [
+              E("span", {
+                class: "card-progresso__item-rotulo nc-inline-flex nc-align-items-center nc-gap-2",
+                style: q({ color: g(a).text })
               }, [
-                k("span", {
+                E("span", {
                   class: "nc-bolinha",
-                  style: x({ background: b.cor })
+                  style: q({ background: i.cor })
                 }, null, 4),
-                k("span", null, A(b.rotulo), 1),
-                b.reducao ? (l(), s("span", {
+                E("span", null, L(i.rotulo), 1),
+                i.reducao ? (y(), v("span", {
                   key: 0,
                   class: "card-progresso__item-modo",
-                  style: x({ color: r(o).muted }),
-                  onMouseenter: j,
-                  onMouseleave: G
-                }, "↓", 36)) : g("", !0)
+                  style: q({ color: g(a).muted }),
+                  onMouseenter: s,
+                  onMouseleave: x
+                }, "↓", 36)) : S("", !0)
               ], 4),
-              t.mostrarValor || t.mostrarPercentual ? (l(), s("span", go, [
-                t.mostrarValor ? (l(), s("span", {
+              e.mostrarValor || e.mostrarPercentual ? (y(), v("span", ma, [
+                e.mostrarValor ? (y(), v("span", {
                   key: 0,
                   class: "card-progresso__item-nums",
-                  style: x({ color: r(o).muted })
+                  style: q({ color: g(a).muted })
                 }, [
-                  Y(A(r($)(b.quantidade)), 1),
-                  b.meta ? (l(), s("span", yo, " / " + A(r($)(b.meta)), 1)) : g("", !0)
-                ], 4)) : g("", !0),
-                t.mostrarPercentual ? (l(), s("span", {
+                  j(L(g(c)(i.quantidade)), 1),
+                  i.meta ? (y(), v("span", ha, " / " + L(g(c)(i.meta)), 1)) : S("", !0)
+                ], 4)) : S("", !0),
+                e.mostrarPercentual ? (y(), v("span", {
                   key: 1,
                   class: "card-progresso__item-pct",
-                  style: x({ background: r(D)(b.cor, 0.12), color: b.cor })
-                }, A(Math.round(b.percentual)) + "% ", 5)) : g("", !0)
-              ])) : g("", !0)
+                  style: q({ background: g(D)(i.cor, 0.12), color: i.cor })
+                }, L(Math.round(i.percentual)) + "% ", 5)) : S("", !0)
+              ])) : S("", !0)
             ]),
-            k("div", {
-              class: "card-progresso__trilha w-full",
-              style: x({
-                height: Q.value,
-                borderRadius: X.value,
-                background: b.reducao ? r(D)(e.corExcesso, 0.18) : r(D)(r(o).muted, 0.15)
+            E("div", {
+              class: "card-progresso__trilha nc-w-full",
+              style: q({
+                height: b.value,
+                borderRadius: A.value,
+                background: i.reducao ? g(D)(t.corExcesso, 0.18) : g(D)(g(a).muted, 0.15)
               })
             }, [
-              k("div", {
+              E("div", {
                 class: "card-progresso__preenchimento",
-                style: x({ width: b.percentual + "%", background: b.cor, borderRadius: X.value })
+                style: q({ width: i.percentual + "%", background: i.cor, borderRadius: A.value })
               }, null, 4)
             ], 4)
           ]))), 128))
         ])
       ]),
-      c.$slots.footer ? (l(), s("div", mo, [
-        L(c.$slots, "footer", {}, void 0, !0)
-      ])) : g("", !0)
+      f.$slots.footer ? (y(), v("div", ya, [
+        $(f.$slots, "footer", {}, void 0, !0)
+      ])) : S("", !0)
     ], 6));
   }
-}, ho = /* @__PURE__ */ at(bo, [["__scopeId", "data-v-f738fbcc"]]), xo = {
+}, ba = /* @__PURE__ */ W(va, [["__scopeId", "data-v-8002d271"]]), xa = {
   key: 0,
   class: "card-base__topo"
-}, vo = ["innerHTML"], $o = { class: "card-base__legendas flex flex-column" }, So = {
+}, $a = ["innerHTML"], Ca = { class: "card-base__legendas nc-flex nc-flex-column" }, ka = {
   key: 1,
-  class: "card-base__titulos flex flex-column"
-}, ko = {
+  class: "card-base__titulos nc-flex nc-flex-column"
+}, Sa = {
   key: 2,
-  class: "card-base__acao flex"
-}, Co = {
+  class: "card-base__acao nc-flex"
+}, Aa = {
   key: 3,
   class: "card-base__footer"
-}, Bo = {
+}, Ba = {
   __name: "CardBase",
   props: {
-    legenda: { type: String, default: null },
-    sublegenda: { type: String, default: null },
-    titulo: { type: String, default: null },
-    descricao: { type: String, default: null },
-    tema: { type: String, default: "light" },
-    corFundo: { type: String, default: null },
-    corTexto: { type: String, default: null },
-    corBorda: { type: String, default: "#EAE8E8" },
-    borderRadius: { type: [String, Number], default: "0.75rem" },
-    sombra: { type: String, default: "none" },
-    textoBotao: { type: String, default: "Ver Todos" },
-    botaoVisivel: { type: Boolean, default: !0 },
+    ...Z({
+      sombra: "none",
+      textoBotao: "Ver Todos",
+      botaoVisivel: !0,
+      nomeArquivoExport: "card-base.png"
+    }),
     alinhamento: {
       type: String,
       default: "left",
-      validator: (t) => ["left", "center", "right"].includes(t)
-    },
-    exportar: { type: Boolean, default: !1 },
-    nomeArquivoExport: { type: String, default: "card-base.png" }
+      validator: (e) => ["left", "center", "right"].includes(e)
+    }
   },
   emits: ["botaoAcao", "exportado"],
-  setup(t, { emit: y }) {
-    const e = t, d = y, { palette: o, cardStyle: B } = it(e), $ = ot(null), R = dt;
-    function I() {
-      d("botaoAcao");
-    }
-    async function w() {
-      await ct($.value, {
-        nomeArquivo: e.nomeArquivoExport,
-        corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), d("exportado");
+  setup(e, { emit: r }) {
+    const t = e, n = r, { palette: a, cardStyle: u } = G(t), { cardRef: c, onExportar: p, iconeExportar: m } = K(t, a, n);
+    function l() {
+      n("botaoAcao");
     }
-    return (F, z) => (l(), s("div", {
+    return (d, h) => (y(), v("div", {
       ref_key: "cardRef",
-      ref: $,
-      class: lt(["card-base flex flex-column", `card-base--${t.alinhamento}`]),
-      style: x(r(B))
+      ref: c,
+      class: Q(["card-base nc-flex nc-flex-column", `card-base--${e.alinhamento}`]),
+      style: q(g(u))
     }, [
-      t.exportar ? (l(), s("div", xo, [
-        k("button", {
+      d.exportar ? (y(), v("div", xa, [
+        E("button", {
           type: "button",
-          class: "nc-exportar card-base__exportar inline-flex align-items-center justify-content-center",
-          style: x({ color: r(o).muted, borderColor: r(D)(r(o).text === "inherit" ? "#0F172A" : r(o).text, 0.18) }),
+          class: "nc-exportar card-base__exportar nc-inline-flex nc-align-items-center nc-justify-content-center",
+          style: q({ color: g(a).muted, borderColor: g(D)(g(a).text === "inherit" ? "#0F172A" : g(a).text, 0.18) }),
           title: "Exportar como imagem",
           "aria-label": "Exportar como imagem",
-          onClick: w,
-          innerHTML: r(R)
-        }, null, 12, vo)
-      ])) : g("", !0),
-      k("div", $o, [
-        F.$slots.legenda || t.legenda ? (l(), s("div", {
+          onClick: h[0] || (h[0] = (...b) => g(p) && g(p)(...b)),
+          innerHTML: g(m)
+        }, null, 12, $a)
+      ])) : S("", !0),
+      E("div", Ca, [
+        d.$slots.legenda || d.legenda ? (y(), v("div", {
           key: 0,
-          class: "card-base__legenda font-medium text-xs",
-          style: x({ color: r(o).text })
+          class: "card-base__legenda nc-font-medium nc-text-xs",
+          style: q({ color: g(a).text })
         }, [
-          L(F.$slots, "legenda", {}, () => [
-            Y(A(t.legenda), 1)
+          $(d.$slots, "legenda", {}, () => [
+            j(L(d.legenda), 1)
           ], !0)
-        ], 4)) : g("", !0),
-        F.$slots.sublegenda || t.sublegenda ? (l(), s("div", {
+        ], 4)) : S("", !0),
+        d.$slots.sublegenda || d.sublegenda ? (y(), v("div", {
           key: 1,
-          class: "card-base__sublegenda text-xs",
-          style: x({ color: r(o).muted })
+          class: "card-base__sublegenda nc-text-xs",
+          style: q({ color: g(a).muted })
         }, [
-          L(F.$slots, "sublegenda", {}, () => [
-            Y(A(t.sublegenda), 1)
+          $(d.$slots, "sublegenda", {}, () => [
+            j(L(d.sublegenda), 1)
           ], !0)
-        ], 4)) : g("", !0)
+        ], 4)) : S("", !0)
       ]),
-      F.$slots.titulo || t.titulo || F.$slots.descricao || t.descricao ? (l(), s("div", So, [
-        F.$slots.titulo || t.titulo ? (l(), s("div", {
+      d.$slots.titulo || d.titulo || d.$slots.descricao || d.descricao ? (y(), v("div", ka, [
+        d.$slots.titulo || d.titulo ? (y(), v("div", {
           key: 0,
-          class: "card-base__titulo m-0 text-3xl font-semibold",
-          style: x({ color: r(o).text, lineHeight: "33px", letterSpacing: "-1px" })
+          class: "card-base__titulo nc-m-0 nc-text-3xl nc-font-semibold",
+          style: q({ color: g(a).text, lineHeight: "33px", letterSpacing: "-1px" })
         }, [
-          L(F.$slots, "titulo", {}, () => [
-            Y(A(t.titulo), 1)
+          $(d.$slots, "titulo", {}, () => [
+            j(L(d.titulo), 1)
           ], !0)
-        ], 4)) : g("", !0),
-        F.$slots.descricao || t.descricao ? (l(), s("div", {
+        ], 4)) : S("", !0),
+        d.$slots.descricao || d.descricao ? (y(), v("div", {
           key: 1,
-          class: "text-sm",
-          style: x({ color: r(o).muted })
+          class: "nc-text-sm",
+          style: q({ color: g(a).muted })
         }, [
-          L(F.$slots, "descricao", {}, () => [
-            Y(A(t.descricao), 1)
+          $(d.$slots, "descricao", {}, () => [
+            j(L(d.descricao), 1)
           ], !0)
-        ], 4)) : g("", !0)
-      ])) : g("", !0),
-      F.$slots.acao || t.botaoVisivel ? (l(), s("div", ko, [
-        L(F.$slots, "acao", {}, () => [
-          t.botaoVisivel ? (l(), s("button", {
+        ], 4)) : S("", !0)
+      ])) : S("", !0),
+      d.$slots.acao || d.botaoVisivel ? (y(), v("div", Sa, [
+        $(d.$slots, "acao", {}, () => [
+          d.botaoVisivel ? (y(), v("button", {
             key: 0,
             type: "button",
-            class: "card-base__link text-xs inline-flex align-items-center",
-            style: x({ color: r(o).text }),
-            onClick: I
+            class: "card-base__link nc-text-xs nc-inline-flex nc-align-items-center",
+            style: q({ color: g(a).text }),
+            onClick: l
           }, [
-            k("span", null, A(t.textoBotao), 1),
-            z[0] || (z[0] = k("span", {
+            E("span", null, L(d.textoBotao), 1),
+            h[1] || (h[1] = E("span", {
               class: "card-base__chevron",
               "aria-hidden": "true"
             }, "›", -1))
-          ], 4)) : g("", !0)
+          ], 4)) : S("", !0)
         ], !0)
-      ])) : g("", !0),
-      F.$slots.footer ? (l(), s("div", Co, [
-        L(F.$slots, "footer", {}, void 0, !0)
-      ])) : g("", !0)
+      ])) : S("", !0),
+      d.$slots.footer ? (y(), v("div", Aa, [
+        $(d.$slots, "footer", {}, void 0, !0)
+      ])) : S("", !0)
     ], 6));
   }
-}, Ao = /* @__PURE__ */ at(Bo, [["__scopeId", "data-v-d1b84008"]]), To = {
-  install(t) {
-    t.component("ChartBase", st), t.component("CardBase", Ao), t.component("CardLinhas", ye), t.component("CardPizza", qe), t.component("CardBarra", Pe), t.component("CardPolar", eo), t.component("CardProgresso", ho);
+}, Ra = /* @__PURE__ */ W(Ba, [["__scopeId", "data-v-6fe4b0aa"]]), Ta = {
+  install(e) {
+    e.component("ChartBase", Y), e.component("CardBase", Ra), e.component("CardLinhas", Nt), e.component("CardPizza", Gt), e.component("CardBarra", ta), e.component("CardPolar", ia), e.component("CardProgresso", ba);
   }
 };
 export {
-  Pe as CardBarra,
-  Ao as CardBase,
-  ye as CardLinhas,
-  qe as CardPizza,
-  eo as CardPolar,
-  ho as CardProgresso,
-  st as ChartBase,
-  dt as ICONE_EXPORTAR_SVG,
-  nt as clampHorizontal,
-  gt as criarTooltipEl,
-  To as default,
-  ct as exportarElementoComoImagem,
-  bt as gerarPaleta,
-  rt as prepararTooltipParent,
+  ta as CardBarra,
+  Ra as CardBase,
+  Nt as CardLinhas,
+  Gt as CardPizza,
+  ia as CardPolar,
+  ba as CardProgresso,
+  Y as ChartBase,
+  Ne as ICONE_EXPORTAR_SVG,
+  It as SOMBRA_PADRAO,
+  je as aplicarCaretFlip,
+  ge as clampHorizontal,
+  pe as criarTooltipEl,
+  ye as criarTooltipExternoPadrao,
+  Ta as default,
+  St as exportarElementoComoImagem,
+  de as gerarPaleta,
+  fe as prepararTooltipParent,
+  Z as propsCartao,
+  ae as propsDirecao,
+  Ve as propsTabela,
+  te as propsValor,
   D as toRgba,
-  pt as useFormatadorValor,
-  it as useTema
+  Oe as ttLinhaTexto,
+  he as ttLinhaValor,
+  me as ttTitulo,
+  K as useExportarCard,
+  ee as useFormatadorValor,
+  Pe as useLinhasReferencia,
+  G as useTema
 };