nemesischart 2.0.9 → 2.0.10

package/dist/nemesischart.js

@@ -1,11 +1,11 @@
-import { ref as et, shallowRef as jt, onMounted as Vt, onBeforeUnmount as Nt, watch as Rt, openBlock as u, createElementBlock as f, normalizeStyle as x, createElementVNode as S, computed as M, unref as s, normalizeClass as ot, renderSlot as L, createTextVNode as X, toDisplayString as B, createCommentVNode as y, createVNode as ft, Fragment as bt, renderList as ht, withKeys as yt, withModifiers as mt, useCssVars as Pt } from "vue";
-import { Chart as Tt, Title as It, Tooltip as Dt, Legend as Wt, Filler as Ot, LineController as Xt, LineElement as Yt, PointElement as Jt, BarController as Qt, BarElement as Ut, PieController as Gt, PolarAreaController as Kt, ArcElement as Zt, CategoryScale as _t, LinearScale as te, RadialLinearScale as ee } from "chart.js";
-const nt = (t, m) => {
-  const e = t.__vccOpts || t;
-  for (const [p, o] of m)
-    e[p] = o;
-  return e;
-}, oe = {
+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 nt = (t, m) => {
     height: { type: [String, Number], default: 300 },
     width: { type: [String, Number], default: null }
   },
-  setup(t, { expose: m }) {
-    Tt.register(
-      It,
-      Dt,
-      Wt,
-      Ot,
-      Xt,
-      Yt,
-      Jt,
-      Qt,
-      Ut,
-      Gt,
-      Kt,
-      Zt,
-      _t,
-      te,
-      ee
+  setup(e, { expose: r }) {
+    Le.register(
+      ot,
+      nt,
+      rt,
+      lt,
+      st,
+      it,
+      ct,
+      dt,
+      ut,
+      pt,
+      ft,
+      gt,
+      mt,
+      ht,
+      yt
     );
-    const e = t, p = et(null), o = jt(null), k = {
+    const t = e, n = ne(null), a = _e(null), u = {
       responsive: !0,
       maintainAspectRatio: !1,
       plugins: {
         legend: { position: "top" }
       }
     };
-    function $() {
-      return { ...k, ...e.options };
+    function c() {
+      return { ...u, ...t.options };
     }
-    function A() {
-      p.value && (o.value = new Tt(p.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 D() {
-      o.value && (o.value.destroy(), o.value = null);
+    function m() {
+      a.value && (a.value.destroy(), a.value = null);
     }
-    return Vt(A), Nt(D), Rt(
-      () => e.data,
-      (R) => {
-        if (!o.value) return;
-        o.value.data.labels = R.labels;
-        const w = o.value.data.datasets, T = R.datasets;
-        w.length !== T.length ? o.value.data.datasets = T : T.forEach((J, O) => Object.assign(w[O], J)), 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 }
-    ), Rt(
-      () => e.options,
+    ), ie(
+      () => t.options,
       () => {
-        o.value && (o.value.options = $(), o.value.update());
+        a.value && (a.value.options = c(), a.value.update());
       },
       { deep: !0 }
-    ), m({ chart: o }), (R, w) => (u(), f("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%"
       })
     }, [
-      S("canvas", {
+      E("canvas", {
         ref_key: "canvasRef",
-        ref: p
+        ref: n
       }, null, 512)
     ], 4));
   }
-}, st = /* @__PURE__ */ nt(oe, [["__scopeId", "data-v-9828990e"]]);
-function ae(t) {
-  const m = t.replace("#", ""), e = m.length === 3 ? m.split("").map((J) => J + J).join("") : m, p = parseInt(e.slice(0, 2), 16) / 255, o = parseInt(e.slice(2, 4), 16) / 255, k = parseInt(e.slice(4, 6), 16) / 255, $ = Math.max(p, o, k), A = Math.min(p, o, k), D = ($ + A) / 2;
-  if ($ === A) return [0, 0, D * 100];
-  const R = $ - A, w = D > 0.5 ? R / (2 - $ - A) : R / ($ + A);
-  let T;
-  return $ === p ? T = ((o - k) / R + (o < k ? 6 : 0)) / 6 : $ === o ? T = ((k - p) / R + 2) / 6 : T = ((p - o) / R + 4) / 6, [T * 360, w * 100, D * 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 ne(t, m, e) {
-  t /= 360, m /= 100, e /= 100;
-  const p = e < 0.5 ? e * (1 + m) : e + m - e * m, o = 2 * e - p, k = (R) => (R < 0 && (R += 1), R > 1 && (R -= 1), R < 1 / 6 ? o + (p - o) * 6 * R : R < 1 / 2 ? p : R < 2 / 3 ? o + (p - o) * (2 / 3 - R) * 6 : o), $ = m === 0 ? e : k(t + 1 / 3), A = m === 0 ? e : k(t), D = m === 0 ? e : k(t - 1 / 3);
-  return "#" + [$, A, D].map((R) => Math.round(R * 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 xt(t, m = 7) {
-  if (!(t != null && t.startsWith("#"))) return Array.from({ length: m }, () => t ?? "#3B82F6");
-  const [e, p] = ae(t), o = 20, k = 72;
-  return Array.from({ length: m }, ($, A) => {
-    const D = m === 1 ? 0.5 : A / (m - 1), R = o + D * (k - o), w = Math.max(50, p - Math.max(0, R - 55) * 0.6);
-    return ne(e, w, R);
+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 le = {
+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 j(t, m) {
-  if (!t) return `rgba(59,130,246,${m})`;
-  if (t.startsWith("#")) {
-    const e = t.replace("#", ""), p = e.length === 3 ? e.split("").map((A) => A + A).join("") : e, o = parseInt(p.slice(0, 2), 16), k = parseInt(p.slice(2, 4), 16), $ = parseInt(p.slice(4, 6), 16);
-    return `rgba(${o},${k},${$},${m})`;
+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]},${m})`;
+  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 m = M(() => {
-    const p = le[t.tema], o = p ? { ...p, bg: t.corFundo || p.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: m.value.bg,
-    color: m.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: m, cardStyle: e, toRgba: j };
+  return { palette: r, cardStyle: t, toRgba: D };
+}
+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};`;
+  }
+  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 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 };
 }
-function pt(t) {
-  const m = 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(p) {
-    if (p == null) return "";
-    const o = Number(p);
-    return Number.isNaN(o) ? String(p) : t.tipoValor === "percentual" ? m.value.format(o / 100) : m.value.format(o);
+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)
+    ]));
   }
-  return { formatador: m, formatar: e };
+};
+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 };
 }
-function gt(t, { caretFlexivel: m = !1 } = {}) {
-  let e = t.querySelector(".nc-tt");
-  if (e) return e;
-  e = document.createElement("div"), e.className = "nc-tt", Object.assign(e.style, {
+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: m ? "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: m = !1 } = {}) {
     fontFamily: "inherit",
     textAlign: "left"
   });
-  const p = document.createElement("div");
-  p.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: m = !1 } = {}) {
     transform: "translateX(-50%) rotate(45deg)",
     borderRadius: "2px"
   };
-  m ? Object.assign(p.style, o) : Object.assign(p.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(p);
-  const k = document.createElement("div");
-  return k.className = "nc-tt__content", Object.assign(k.style, { position: "relative", background: "#fff", borderRadius: "8px" }), e.appendChild(k), 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 lt(t) {
-  const m = t.canvas.parentNode;
-  return m ? (getComputedStyle(m).position === "static" && (m.style.position = "relative"), m) : null;
+function fe(e) {
+  const r = e.canvas.parentNode;
+  return r ? (getComputedStyle(r).position === "static" && (r.style.position = "relative"), r) : null;
 }
-function rt(t, m, e, p = 4) {
-  const o = m / 2;
-  return t - o < p ? o + p : t + o > e - p ? e - o - p : 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 qt(t, m) {
-  const e = window.getComputedStyle(t);
-  let p = "";
-  for (let o = 0; o < e.length; o++) {
-    const k = e[o];
-    let $ = e.getPropertyValue(k);
-    if ($ && $.indexOf("url(") !== -1 && !/url\(["']?data:/.test($))
-      if (k === "background-image" || k === "background" || k === "mask-image" || k === "border-image" || k === "border-image-source")
-        $ = "none";
-      else
-        continue;
-    p += `${k}:${$};`;
-  }
-  m.setAttribute("style", p);
+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, m) {
-  qt(t, m);
-  const e = t.querySelectorAll("*"), p = m.querySelectorAll("*");
-  for (let o = 0; o < e.length; o++)
-    p[o] && qt(e[o], p[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 se(t, m) {
-  const e = t.querySelectorAll("canvas"), p = m.querySelectorAll("canvas");
-  e.forEach((o, k) => {
-    if (!p[k]) 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 A = o.getBoundingClientRect();
-    $.setAttribute("style", `width:${A.width}px;height:${A.height}px;display:block;`), p[k].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, m = {}) {
-  if (!t) return;
-  const {
-    nomeArquivo: e = "componente.png",
-    escala: p = 2,
-    corFundo: o = null
-  } = m, k = t.getBoundingClientRect(), $ = Math.ceil(k.width), A = Math.ceil(k.height), D = t.cloneNode(!0);
-  re(t, D), se(t, D), D.style.margin = "0", D.style.transform = "none";
-  const R = new XMLSerializer().serializeToString(D), w = `<svg xmlns="http://www.w3.org/2000/svg" width="${$}" height="${A}"><foreignObject width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml" style="width:${$}px;height:${A}px;">` + R + "</div></foreignObject></svg>", J = "data:image/svg+xml;base64," + (typeof window < "u" && window.btoa ? window.btoa(unescape(encodeURIComponent(w))) : ""), O = new Image();
-  await new Promise((tt, d) => {
-    O.onload = tt, O.onerror = d, O.src = J;
-  });
-  const _ = document.createElement("canvas");
-  _.width = $ * p, _.height = A * p;
-  const Q = _.getContext("2d");
-  Q.scale(p, p), o && (Q.fillStyle = o, Q.fillRect(0, 0, $, A)), Q.drawImage(O, 0, 0);
-  let Z;
-  try {
-    Z = _.toDataURL("image/png");
-  } catch (tt) {
-    console.error("Falha ao exportar imagem: canvas contaminado.", tt);
-    return;
-  }
-  const K = document.createElement("a");
-  K.download = e, K.href = Z, document.body.appendChild(K), K.click(), document.body.removeChild(K);
+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>', ie = { class: "card-linhas__header flex flex-column" }, ce = { class: "card-linhas__topo flex align-items-start justify-content-between gap-3" }, de = {
-  key: 0,
-  class: "nc-legendas-flex flex flex-column"
-}, ue = {
-  key: 1,
-  class: "nc-actions inline-flex align-items-center gap-2"
-}, fe = ["innerHTML"], pe = {
-  key: 0,
-  class: "card-linhas__titulos mt-3 mb-2 flex flex-column"
-}, ge = { class: "card-linhas__chart flex-1" }, ye = {
-  key: 0,
-  class: "card-linhas__footer mt-3"
-}, me = {
-  __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: m }) {
-    const e = t, p = m, { palette: o, cardStyle: k } = it(e), { formatar: $ } = pt(e), A = et(null), D = dt;
-    async function R() {
-      await ct(A.value, {
-        nomeArquivo: e.nomeArquivoExport,
-        corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), p("exportado");
-    }
-    const w = M(() => `card-linhas--${e.direcao}`), T = M(() => e.linhasReferencia ? (Array.isArray(e.linhasReferencia) ? e.linhasReferencia : [e.linhasReferencia]).filter((n) => n && (typeof n == "number" || typeof n.valor == "number")).map((n) => typeof n == "number" ? { valor: n, rotulo: null, cor: "#0F172A", corRotulo: "#0F172A", corTexto: "#FFFFFF", tracejado: [6, 6], espessura: 1 } : {
-      valor: n.valor,
-      rotulo: n.rotulo ?? null,
-      cor: n.cor || "#0F172A",
-      corRotulo: n.corRotulo || n.cor || "#0F172A",
-      corTexto: n.corTexto || "#FFFFFF",
-      tracejado: n.tracejado || [6, 6],
-      espessura: n.espessura ?? 1
-    }) : []), J = [];
-    let O = null;
-    const Q = [{
-      id: "linhaReferencia",
-      afterDatasetsDraw(l) {
-        const n = T.value;
-        if (J.length = 0, !n.length) return;
-        const { ctx: a, chartArea: r, scales: v } = l, i = v.y;
-        i && n.forEach((g) => {
-          const c = i.getPixelForValue(g.valor);
-          if (J.push({ linha: g, pos: c, chartArea: r }), a.save(), a.beginPath(), a.setLineDash(g.tracejado), a.lineWidth = g.espessura, a.strokeStyle = g.cor, c < r.top || c > r.bottom) {
-            a.restore();
-            return;
-          }
-          if (a.moveTo(r.left, c), a.lineTo(r.right, c), a.stroke(), a.setLineDash([]), g.rotulo) {
-            a.font = "600 11px 'Inter', sans-serif";
-            const b = 8, h = 5, q = a.measureText(g.rotulo).width, E = 12, C = q + b * 2, I = E + h * 2, N = I / 2;
-            let z = r.left - C - 6, H = c - I / 2;
-            z < 0 && (z = r.left + 6), a.fillStyle = g.corRotulo, a.beginPath(), a.roundRect ? a.roundRect(z, H, C, I, N) : (a.moveTo(z + N, H), a.lineTo(z + C - N, H), a.quadraticCurveTo(z + C, H, z + C, H + N), a.lineTo(z + C, H + I - N), a.quadraticCurveTo(z + C, H + I, z + C - N, H + I), a.lineTo(z + N, H + I), a.quadraticCurveTo(z, H + I, z, H + I - N), a.lineTo(z, H + N), a.quadraticCurveTo(z, H, z + N, H)), a.fill(), a.fillStyle = g.corTexto, a.textBaseline = "middle", a.textAlign = "center", a.fillText(g.rotulo, z + C / 2, H + I / 2);
-          }
-          a.restore();
-        });
-      },
-      beforeEvent(l, n) {
-        if (!J.length) {
-          O = null;
-          return;
-        }
-        const a = n.event;
-        if (!a || a.type === "mouseout" || a.x == null || a.y == null) {
-          O = null;
-          return;
-        }
-        const r = 8;
-        let v = null, i = 1 / 0;
-        for (const g of J) {
-          const c = Math.abs(a.y - g.pos), b = a.x >= g.chartArea.left && a.x <= g.chartArea.right;
-          c <= r && b && c < i && (i = c, v = g);
-        }
-        O = v;
-      },
-      afterEvent(l, n) {
-        if (!J.length) return;
-        const a = n.event;
-        if (!a) return;
-        const r = lt(l);
-        if (!r) return;
-        let v = r.querySelector(".nc-tt-linhaRef");
-        if (!O) {
-          v && (v.style.opacity = "0");
-          return;
-        }
-        const i = O;
-        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"
-        }), r.appendChild(v));
-        const g = i.linha.cor || "#0F172A", c = $(i.linha.valor), b = i.linha.rotulo;
-        v.innerHTML = (b ? `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${b}</div>` : "") + `<div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${g};box-shadow:0 0 0 2px ${j(g, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${c}</span></div>`;
-        const h = l.canvas;
-        v.style.opacity = "1", v.style.visibility = "hidden", v.style.left = "0px", v.style.top = "0px";
-        const V = v.offsetWidth, q = v.offsetHeight, E = 4, C = h.offsetLeft + a.x, I = h.offsetTop + i.pos, N = rt(C, V, r.clientWidth, E);
-        let z = I;
-        const H = q + 16 + E;
-        z < H && (z = H), v.style.left = N + "px", v.style.top = z + "px", v.style.visibility = "visible";
-      }
-    }], Z = M(() => ({
-      labels: e.data.map((l) => l.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((l) => l.quantidade),
-          borderColor: e.corDetalhes,
+          data: t.data.map((s) => s.quantidade),
+          borderColor: t.corDetalhes,
           borderWidth: 3,
           borderJoinStyle: "round",
           borderCapStyle: "round",
-          backgroundColor: (l) => {
-            const { chart: n } = l, { ctx: a, chartArea: r } = n;
-            if (!r) return "transparent";
-            const v = e.corDetalhes || "#0400FF", i = "#7C7C7C", g = a.createLinearGradient(0, r.top, 0, r.bottom);
-            return g.addColorStop(0.16, j(v, 0.2)), g.addColorStop(1, j(i, 0)), g;
+          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 K(l) {
-      const { chart: n, tooltip: a } = l, r = lt(n);
-      if (!r) return;
-      const v = gt(r);
-      if (a.opacity === 0 || O) {
-        v.style.opacity = "0";
-        return;
-      }
-      const i = a.title || [], g = (a.body || []).flatMap((G) => G.lines), c = v.querySelector(".nc-tt__content"), b = e.corDetalhes || "#3B82F6";
-      c.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:${b};box-shadow:0 0 0 2px ${j(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;">${g.join(" ")}</span></div>`;
-      const { offsetLeft: h, offsetTop: V } = n.canvas;
-      v.style.opacity = "1", v.style.visibility = "hidden", v.style.left = "0px", v.style.top = "0px";
-      const q = v.offsetWidth, E = v.offsetHeight, C = 4, I = h + a.caretX, N = V + a.caretY, z = rt(I, q, r.clientWidth, C), H = E + 16 + C, F = N < H;
-      let U;
-      F ? (v.style.transform = "translateX(-50%) translateY(16px)", U = N) : (v.style.transform = "translate(-50%, calc(-100% - 16px))", U = N), v.style.left = z + "px", v.style.top = U + "px";
-      const P = v.querySelector(".nc-tt__caret");
-      if (P) {
-        const G = I - z, W = q / 2, Y = Math.max(-W + 8, Math.min(W - 8, G));
-        P.style.left = `calc(50% + ${Y}px)`, F ? (P.style.bottom = "", P.style.top = "-5px", P.style.borderRight = "", P.style.borderBottom = "", P.style.borderLeft = "1px solid rgba(15,23,42,.06)", P.style.borderTop = "1px solid rgba(15,23,42,.06)") : (P.style.top = "", P.style.bottom = "-5px", P.style.borderLeft = "", P.style.borderTop = "", P.style.borderRight = "1px solid rgba(15,23,42,.06)", P.style.borderBottom = "1px solid rgba(15,23,42,.06)");
-      }
-      v.style.visibility = "visible";
-    }
-    const tt = 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: T.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: K,
+          external: M,
           callbacks: {
-            title: (l) => {
-              var n;
-              return ((n = l[0]) == null ? void 0 : n.label) ?? "";
+            title: (s) => {
+              var x;
+              return ((x = s[0]) == null ? void 0 : x.label) ?? "";
             },
-            label: (l) => $(l.parsed.y)
+            label: (s) => c(s.parsed.y)
           }
         }
       },
       scales: {
         x: {
           display: !0,
-          afterFit: (l) => {
-            l.paddingLeft = 0, l.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: T.value.length ? Math.max(...T.value.map((l) => l.valor)) : void 0
+          suggestedMax: h.value.length ? Math.max(...h.value.map((s) => s.valor)) : void 0
         }
       }
     }));
-    function d() {
-      p("botaoAcao");
-    }
-    return (l, n) => (u(), f("div", {
+    return (s, x) => (y(), v("div", {
       ref_key: "cardRef",
-      ref: A,
-      class: ot(["card-linhas p-4 flex", w.value]),
-      style: x(s(k))
+      ref: p,
+      class: Q(["card-linhas nc-p-4 nc-flex", d.value]),
+      style: q(g(u))
     }, [
-      S("div", ie, [
-        S("div", ce, [
-          l.$slots.legenda || t.legenda || l.$slots.sublegenda || t.sublegenda ? (u(), f("div", de, [
-            l.$slots.legenda || t.legenda ? (u(), f("div", {
-              key: 0,
-              class: "text-xs font-medium",
-              style: x({ color: s(o).text, opacity: 0.85 })
-            }, [
-              L(l.$slots, "legenda", {}, () => [
-                X(B(t.legenda), 1)
-              ], !0)
-            ], 4)) : y("", !0),
-            l.$slots.sublegenda || t.sublegenda ? (u(), f("div", {
-              key: 1,
-              class: "text-xs",
-              style: x({ color: s(o).muted })
-            }, [
-              L(l.$slots, "sublegenda", {}, () => [
-                X(B(t.sublegenda), 1)
-              ], !0)
-            ], 4)) : y("", !0)
-          ])) : y("", !0),
-          l.$slots.actions || t.botaoVisivel || t.exportar ? (u(), f("div", ue, [
-            L(l.$slots, "actions", {}, () => [
-              t.botaoVisivel ? (u(), f("button", {
-                key: 0,
-                class: "nc-btn inline-flex align-items-center",
-                style: x({ color: s(o).text, borderColor: s(j)(s(o).text, 0.18) }),
-                onClick: d
-              }, [
-                S("span", null, B(t.textoBotao), 1)
-              ], 4)) : y("", !0)
-            ], !0),
-            t.exportar ? (u(), f("button", {
-              key: 0,
-              type: "button",
-              class: "nc-exportar inline-flex align-items-center justify-content-center",
-              style: x({ color: s(o).muted, borderColor: s(j)(s(o).text, 0.18) }),
-              title: "Exportar como imagem",
-              "aria-label": "Exportar como imagem",
-              onClick: R,
-              innerHTML: s(D)
-            }, null, 12, fe)) : y("", !0)
-          ])) : y("", !0)
-        ]),
-        l.$slots.titulo || t.titulo || l.$slots.descricao || t.descricao ? (u(), f("div", pe, [
-          l.$slots.titulo || t.titulo ? (u(), f("div", {
-            key: 0,
-            class: "m-0 text-3xl font-semibold",
-            style: x({ color: s(o).text, lineHeight: "33px", letterSpacing: "-1px" })
-          }, [
-            L(l.$slots, "titulo", {}, () => [
-              X(B(t.titulo), 1)
-            ], !0)
-          ], 4)) : y("", !0),
-          l.$slots.descricao || t.descricao ? (u(), f("div", {
-            key: 1,
-            class: "text-sm mt-1",
-            style: x({ color: s(o).muted })
-          }, [
-            L(l.$slots, "descricao", {}, () => [
-              X(B(t.descricao), 1)
-            ], !0)
-          ], 4)) : y("", !0)
-        ])) : y("", !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)
       ]),
-      S("div", ge, [
-        ft(st, {
+      E("div", zt, [
+        P(Y, {
           type: "line",
-          data: Z.value,
-          options: tt.value,
-          plugins: Q,
-          height: t.height
+          data: R.value,
+          options: o.value,
+          plugins: k,
+          height: e.height
         }, null, 8, ["data", "options", "height"])
       ]),
-      l.$slots.footer ? (u(), f("div", ye, [
-        L(l.$slots, "footer", {}, void 0, !0)
-      ])) : y("", !0)
+      s.$slots.footer ? (y(), v("div", Mt, [
+        $(s.$slots, "footer", {}, void 0, !0)
+      ])) : S("", !0)
     ], 6));
   }
-}, be = /* @__PURE__ */ nt(me, [["__scopeId", "data-v-513bd6fe"]]), he = { class: "card-pizza__topo flex align-items-start justify-content-between gap-3" }, xe = {
-  key: 0,
-  class: "nc-legendas-flex flex flex-column"
-}, ve = {
-  key: 1,
-  class: "nc-actions inline-flex align-items-center gap-2"
-}, $e = ["innerHTML"], Se = { class: "card-pizza__corpo flex align-items-center" }, Ce = { class: "nc-tabela flex flex-column" }, ke = { class: "nc-tabela-valor" }, Be = ["role", "tabindex", "onMouseenter", "onFocus", "onClick", "onKeydown"], Ae = { class: "nc-tabela-rotulo inline-flex align-items-center gap-2" }, we = { class: "nc-tabela-valor" }, Re = { class: "card-pizza__chart-wrap flex align-items-center justify-content-center" }, Te = { class: "card-pizza__chart" }, qe = {
+}, 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"
-}, Fe = {
+  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"
-}, Ee = {
+  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,28 +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" },
-    itensClicaveis: { type: Boolean, default: !1 }
+    // 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", "itemClicado"],
-  setup(t, { emit: m }) {
-    const e = t, p = m, { palette: o, cardStyle: k } = it(e), { formatar: $ } = pt(e), A = et(null);
-    async function D() {
-      await ct(A.value, {
-        nomeArquivo: e.nomeArquivoExport,
-        corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), p("exportado");
-    }
-    const R = M(() => `card-pizza--${e.direcao}`), w = M(() => {
-      const d = xt(e.corDetalhes, e.data.length);
-      return e.data.map((l, n) => l.cor ?? d[n]);
-    }), T = M(() => ({
-      labels: e.data.map((d) => d.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-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((d) => d.quantidade),
-          backgroundColor: w.value,
+          data: t.data.map((o) => o.quantidade),
+          backgroundColor: h.value,
           borderWidth: 0,
           borderColor: "transparent",
           hoverOffset: 6,
@@ -678,226 +888,141 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           spacing: 0
         }
       ]
-    }));
-    function J(d) {
-      const { chart: l, tooltip: n } = d, a = lt(l);
-      if (!a) return;
-      const r = gt(a);
-      if (n.opacity === 0) {
-        r.style.opacity = "0";
-        return;
-      }
-      const v = n.title || [], i = n.dataPoints && n.dataPoints[0], g = i ? w.value[i.dataIndex] : "#3B82F6", c = i ? $(i.parsed) : "", b = r.querySelector(".nc-tt__content");
-      b.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${v.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${g};box-shadow:0 0 0 2px ${j(g, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${c}</span></div>`;
-      const { offsetLeft: h, offsetTop: V } = l.canvas;
-      r.style.opacity = "1", r.style.visibility = "hidden", r.style.left = "0px", r.style.top = "0px";
-      const q = r.offsetWidth, E = r.offsetHeight, C = 4, I = h + n.caretX, N = V + n.caretY, z = rt(I, q, a.clientWidth, C), H = N < E + 16 + C;
-      r.style.transform = H ? "translate(-50%, 16px)" : "translate(-50%, calc(-100% - 16px))";
-      const F = r.querySelector(".nc-tt__caret");
-      F && (H ? (F.style.bottom = "", F.style.top = "-5px", F.style.borderRight = "", F.style.borderBottom = "", F.style.borderLeft = "1px solid rgba(15,23,42,.06)", F.style.borderTop = "1px solid rgba(15,23,42,.06)") : (F.style.top = "", F.style.bottom = "-5px", F.style.borderLeft = "", F.style.borderTop = "", F.style.borderRight = "1px solid rgba(15,23,42,.06)", F.style.borderBottom = "1px solid rgba(15,23,42,.06)")), r.style.left = z + "px", r.style.top = N + "px", r.style.visibility = "visible";
-    }
-    function O(d) {
-      const l = e.data[d];
-      l && p("itemClicado", { item: l, index: d, cor: w.value[d] });
+    })), 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);
     }
-    function _(d, l) {
-      e.itensClicaveis && p("itemClicado", { item: d, index: l, cor: w.value[l] });
-    }
-    const Q = et(null), Z = M(() => ({
+    const M = F(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
-      cutout: e.cutout,
+      cutout: t.cutout,
       layout: { padding: 4 },
-      onHover: (d, l, n) => {
-        const a = l.length ? l[0].index : null;
-        Q.value = a, n.canvas.style.cursor = e.itensClicaveis && l.length ? "pointer" : "default";
+      onHover: (o, s, x) => {
+        k.value = s.length ? s[0].index : null, x.canvas.style.cursor = t.itensClicaveis && s.length ? "pointer" : "default";
       },
-      onClick: (d, l) => {
-        !e.itensClicaveis || !l.length || O(l[0].index);
+      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: J,
+          external: A,
           callbacks: {
-            title: (d) => {
-              var l;
-              return ((l = d[0]) == null ? void 0 : l.label) ?? "";
+            title: (o) => {
+              var s;
+              return ((s = o[0]) == null ? void 0 : s.label) ?? "";
             },
-            label: (d) => $(d.parsed)
+            label: (o) => c(o.parsed)
           }
         }
       }
     }));
-    function K() {
-      p("botaoAcao");
-    }
-    const tt = dt;
-    return (d, l) => (u(), f("div", {
+    return (o, s) => (y(), v("div", {
       ref_key: "cardRef",
-      ref: A,
-      class: ot(["card-pizza p-4 flex flex-column", R.value]),
-      style: x(s(k))
+      ref: p,
+      class: Q(["card-pizza nc-p-4 nc-flex nc-flex-column", d.value]),
+      style: q(g(u))
     }, [
-      S("div", he, [
-        d.$slots.legenda || t.legenda || d.$slots.sublegenda || t.sublegenda ? (u(), f("div", xe, [
-          d.$slots.legenda || t.legenda ? (u(), f("div", {
-            key: 0,
-            class: "text-xs font-medium",
-            style: x({ color: s(o).text, opacity: 0.95 })
-          }, [
-            L(d.$slots, "legenda", {}, () => [
-              X(B(t.legenda), 1)
-            ], !0)
-          ], 4)) : y("", !0),
-          d.$slots.sublegenda || t.sublegenda ? (u(), f("div", {
-            key: 1,
-            class: "text-xs",
-            style: x({ color: s(o).muted })
-          }, [
-            L(d.$slots, "sublegenda", {}, () => [
-              X(B(t.sublegenda), 1)
-            ], !0)
-          ], 4)) : y("", !0)
-        ])) : y("", !0),
-        d.$slots.actions || t.botaoVisivel || t.exportar ? (u(), f("div", ve, [
-          L(d.$slots, "actions", {}, () => [
-            t.botaoVisivel ? (u(), f("button", {
-              key: 0,
-              class: "nc-btn inline-flex align-items-center",
-              style: x({ color: s(o).text, borderColor: s(j)(s(o).text, 0.18) }),
-              onClick: K
-            }, [
-              S("span", null, B(t.textoBotao), 1)
-            ], 4)) : y("", !0)
-          ], !0),
-          t.exportar ? (u(), f("button", {
-            key: 0,
-            type: "button",
-            class: "nc-exportar inline-flex align-items-center justify-content-center",
-            style: x({ color: s(o).muted, borderColor: s(j)(s(o).text, 0.18) }),
-            title: "Exportar como imagem",
-            "aria-label": "Exportar como imagem",
-            onClick: D,
-            innerHTML: s(tt)
-          }, null, 12, $e)) : y("", !0)
-        ])) : y("", !0)
-      ]),
-      S("div", Se, [
-        S("div", Ce, [
-          t.mostrarCabecalho ? (u(), f("div", {
-            key: 0,
-            class: "nc-tabela-cab flex align-items-center justify-content-between",
-            style: x({ color: s(o).muted, borderColor: s(j)(s(o).muted, 0.25) })
-          }, [
-            S("span", null, B(t.rotuloCategoria), 1),
-            S("span", ke, B(t.rotuloQuantidade), 1)
-          ], 4)) : y("", !0),
-          (u(!0), f(bt, null, ht(t.data, (n, a) => (u(), f("div", {
-            key: a,
-            class: ot(["nc-tabela-linha flex align-items-center justify-content-between", { "nc-tabela-linha--clicavel": t.itensClicaveis, "nc-tabela-linha--ativa": Q.value === a }]),
-            style: x({
-              color: s(o).text,
-              cursor: t.itensClicaveis ? "pointer" : "default",
-              "--nc-linha-bg": s(j)(w.value[a], 0.05),
-              "--nc-linha-bg-forte": s(j)(w.value[a], 0.08)
-            }),
-            role: t.itensClicaveis ? "button" : null,
-            tabindex: t.itensClicaveis ? 0 : null,
-            onMouseenter: (r) => Q.value = a,
-            onMouseleave: l[0] || (l[0] = (r) => Q.value = null),
-            onFocus: (r) => Q.value = a,
-            onBlur: l[1] || (l[1] = (r) => Q.value = null),
-            onClick: (r) => _(n, a),
-            onKeydown: [
-              yt(mt((r) => _(n, a), ["prevent"]), ["enter"]),
-              yt(mt((r) => _(n, a), ["prevent"]), ["space"])
-            ]
-          }, [
-            S("span", Ae, [
-              S("span", {
-                class: "nc-bolinha",
-                style: x({ background: w.value[a] })
-              }, null, 4),
-              S("span", null, B(n.rotulo), 1)
-            ]),
-            S("span", we, B(s($)(n.quantidade)), 1)
-          ], 46, Be))), 128))
-        ]),
-        S("div", Re, [
-          S("div", Te, [
-            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: T.value,
-              options: Z.value,
-              height: t.height
+              data: b.value,
+              options: M.value,
+              height: e.height
             }, null, 8, ["data", "options", "height"]),
-            d.$slots.titulo || t.titulo || d.$slots.descricao || t.descricao ? (u(), f("div", qe, [
-              d.$slots.titulo || t.titulo ? (u(), f("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: s(o).text })
+                class: "nc-centro-titulo nc-m-0 nc-font-semibold",
+                style: q({ color: g(a).text })
               }, [
-                L(d.$slots, "titulo", {}, () => [
-                  X(B(t.titulo), 1)
+                $(o.$slots, "titulo", {}, () => [
+                  j(L(o.titulo), 1)
                 ], !0)
-              ], 4)) : y("", !0),
-              d.$slots.descricao || t.descricao ? (u(), f("div", {
+              ], 4)) : S("", !0),
+              o.$slots.descricao || o.descricao ? (y(), v("div", {
                 key: 1,
                 class: "nc-centro-desc",
-                style: x({ color: s(o).muted })
+                style: q({ color: g(a).muted })
               }, [
-                L(d.$slots, "descricao", {}, () => [
-                  X(B(t.descricao), 1)
+                $(o.$slots, "descricao", {}, () => [
+                  j(L(o.descricao), 1)
                 ], !0)
-              ], 4)) : y("", !0)
-            ])) : y("", !0)
+              ], 4)) : S("", !0)
+            ])) : S("", !0)
           ])
         ])
       ]),
-      d.$slots.footer ? (u(), f("div", Fe, [
-        L(d.$slots, "footer", {}, void 0, !0)
-      ])) : y("", !0)
+      o.$slots.footer ? (y(), v("div", Qt, [
+        $(o.$slots, "footer", {}, void 0, !0)
+      ])) : S("", !0)
     ], 6));
   }
-}, Le = /* @__PURE__ */ nt(Ee, [["__scopeId", "data-v-eda43720"]]), Me = { class: "card-barra__header flex flex-column" }, ze = { class: "card-barra__topo flex align-items-start justify-content-between gap-3" }, He = {
-  key: 0,
-  class: "nc-legendas-flex flex flex-column"
-}, je = {
-  key: 1,
-  class: "nc-actions inline-flex align-items-center gap-2"
-}, Ve = ["innerHTML"], Ne = {
+}, 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__titulos mt-3 mb-2 flex flex-column"
-}, Pe = { class: "card-barra__chart flex-1" }, Ie = {
-  key: 0,
-  class: "card-barra__footer mt-3"
-}, De = {
+  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: () => [
@@ -923,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: m }) {
-    Pt((i) => ({
-      c9bf3d56: T.value
+  setup(e, { emit: r }) {
+    at((i) => ({
+      v655f41dd: h.value
     }));
-    const e = t, p = m, { palette: o, cardStyle: k } = it(e), { formatar: $ } = pt(e), A = et(null), D = dt;
-    async function R() {
-      await ct(A.value, {
-        nomeArquivo: e.nomeArquivoExport,
-        corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), p("exportado");
-    }
-    const w = M(() => `card-barra--${e.direcao}`), T = M(
-      () => typeof e.height == "number" ? `${e.height}px` : e.height
-    ), J = M(() => e.orientacao === "horizontal"), O = M(() => Array.isArray(e.series) && e.series.length > 0 ? e.series.map((i, g) => ({
-      nome: i.nome ?? `Série ${g + 1}`,
-      cor: i.cor || e.cores[g % 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 = O.value[0];
-      return i ? i.dados.map((g) => g.rotulo) : [];
-    }), Q = M(() => {
-      const i = O.value, g = i.length - 1, c = typeof e.larguraBarra == "number" ? e.larguraBarra : Number(e.larguraBarra) || 0.6, b = e.raioBarra, h = J.value;
-      function V(q) {
-        if (!e.empilhado || i.length === 1) return b;
-        const E = q === 0, C = q === g;
-        return h ? {
-          topLeft: E ? b : 0,
-          bottomLeft: E ? b : 0,
-          topRight: C ? b : 0,
-          bottomRight: C ? b : 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: E ? b : 0,
-          bottomRight: E ? b : 0,
-          topLeft: C ? b : 0,
-          topRight: C ? b : 0
+          bottomLeft: V ? w : 0,
+          bottomRight: V ? w : 0,
+          topLeft: O ? w : 0,
+          topRight: O ? w : 0
         };
       }
       return {
-        labels: _.value,
-        datasets: i.map((q, E) => ({
-          label: q.nome,
-          data: q.dados.map((C) => C.quantidade),
-          previstos: q.dados.map((C) => C.previsto != null ? C.previsto : null),
-          backgroundColor: j(q.cor, 0.72),
-          hoverBackgroundColor: e.corHover || q.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: V(E),
+          borderRadius: H(V),
           borderSkipped: !1,
           categoryPercentage: 1,
-          barPercentage: c
+          barPercentage: T
         }))
       };
     });
-    function Z(i, g) {
-      g ? 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 K = null;
-    function tt(i) {
-      var Bt, At;
-      const { chart: g, tooltip: c } = i, b = lt(g);
-      if (!b) return;
-      const h = gt(b, { caretFlexivel: !0 });
-      if (c.opacity === 0 || K) {
-        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 V = c.title || [], q = c.dataPoints || [], E = h.querySelector(".nc-tt__content"), C = q.map((at) => {
-        var wt;
-        const ut = ((wt = O.value[at.datasetIndex]) == null ? void 0 : wt.cor) || e.corDetalhes, zt = $(J.value ? at.parsed.x : at.parsed.y), Ht = at.dataset.label && O.value.length > 1 ? `<span style="font-size:11px;color:#64748B;margin-right:6px;">${at.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 ${j(ut, 0.15)};flex:0 0 auto;"></span>` + Ht + `<span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;margin-left:auto;">${zt}</span></div>`;
-      }).join(""), I = (Bt = q[0]) == null ? void 0 : Bt.dataIndex;
-      let N = null;
-      if (I != null)
-        for (const at of g.data.datasets) {
-          const ut = (At = at.previstos) == null ? void 0 : At[I];
-          if (ut != null) {
-            N = 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 z = N != 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;">${$(N)}</span></div>` : "";
-      E.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${V.join(" ")}</div>` + C + z;
-      const { offsetLeft: H, offsetTop: F } = g.canvas;
-      h.style.opacity = "1", h.style.visibility = "hidden", h.style.left = "0px", h.style.top = "0px";
-      const U = h.offsetWidth, P = h.offsetHeight, G = 4, W = H + c.caretX, Y = F + c.caretY, vt = rt(W, U, b.clientWidth, G), Ft = U / 2, $t = 14, St = Y - $t - P, Ct = St < G, Et = Ct ? Y + $t : St, kt = h.querySelector(".nc-tt__caret");
-      Z(kt, Ct);
-      const Lt = W - (vt - Ft), Mt = Math.max(10, Math.min(U - 10, Lt));
-      kt.style.left = Mt + "px", h.style.left = vt + "px", h.style.top = Et + "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 d = M(() => {
-      const i = J.value, g = {
+    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
-      }, c = {
+        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: n.value.length ? Math.max(...n.value.map((b) => b.valor)) : void 0
+        stacked: t.empilhado,
+        suggestedMax: A.value.length ? Math.max(...A.value.map((w) => w.valor)) : void 0
       };
       return {
         responsive: !0,
@@ -1062,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: n.value.length && !i ? 24 : 12,
+            top: A.value.length && !i ? 24 : 12,
             right: i ? 12 : 0,
             bottom: 0,
-            left: n.value.length && i ? 60 : 0
+            left: A.value.length && i ? 60 : 0
           }
         },
         plugins: {
           legend: {
-            display: e.mostrarLegendaSeries && O.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,
@@ -1085,251 +1198,114 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           },
           tooltip: {
             enabled: !1,
-            external: tt,
+            external: f,
             callbacks: {
-              title: (b) => {
-                var h;
-                return ((h = b[0]) == null ? void 0 : h.label) ?? "";
+              title: (w) => {
+                var I;
+                return ((I = w[0]) == null ? void 0 : I.label) ?? "";
               },
-              label: (b) => $(i ? b.parsed.x : b.parsed.y)
+              label: (w) => c(i ? w.parsed.x : w.parsed.y)
             }
           }
         },
         scales: {
-          x: i ? c : g,
-          y: i ? g : c
+          x: i ? T : B,
+          y: i ? B : T
         }
       };
     });
-    function l() {
-      p("botaoAcao");
-    }
-    const n = M(() => e.linhasReferencia ? (Array.isArray(e.linhasReferencia) ? e.linhasReferencia : [e.linhasReferencia]).filter((g) => g && (typeof g == "number" || typeof g.valor == "number")).map((g) => typeof g == "number" ? { valor: g, rotulo: null, cor: "#0F172A", corRotulo: "#0F172A", corTexto: "#FFFFFF", tracejado: [6, 6], espessura: 1 } : {
-      valor: g.valor,
-      rotulo: g.rotulo ?? null,
-      cor: g.cor || "#0F172A",
-      corRotulo: g.corRotulo || g.cor || "#0F172A",
-      corTexto: g.corTexto || "#FFFFFF",
-      tracejado: g.tracejado || [6, 6],
-      espessura: g.espessura ?? 1
-    }) : []), a = [], r = {
-      id: "linhaReferencia",
-      afterDatasetsDraw(i) {
-        const g = n.value;
-        if (a.length = 0, !g.length) return;
-        const { ctx: c, chartArea: b, scales: h } = i, V = J.value, q = V ? h.x : h.y;
-        q && g.forEach((E) => {
-          const C = q.getPixelForValue(E.valor);
-          if (a.push({ linha: E, pos: C, horizontal: V, chartArea: b }), c.save(), c.beginPath(), c.setLineDash(E.tracejado), c.lineWidth = E.espessura, c.strokeStyle = E.cor, V) {
-            if (C < b.left || C > b.right) {
-              c.restore();
-              return;
-            }
-            c.moveTo(C, b.top), c.lineTo(C, b.bottom);
-          } else {
-            if (C < b.top || C > b.bottom) {
-              c.restore();
-              return;
-            }
-            c.moveTo(b.left, C), c.lineTo(b.right, C);
-          }
-          if (c.stroke(), c.setLineDash([]), E.rotulo) {
-            c.font = "600 11px 'Inter', sans-serif";
-            const I = 8, N = 5, H = c.measureText(E.rotulo).width, F = 12, U = H + I * 2, P = F + N * 2, G = P / 2;
-            let W, Y;
-            V ? (W = C - U / 2, Y = b.top - P - 6, Y < 0 && (Y = b.top + 6)) : (W = b.left - U - 6, Y = C - P / 2, W < 0 && (W = b.left + 6)), c.fillStyle = E.corRotulo, c.beginPath(), c.roundRect ? c.roundRect(W, Y, U, P, G) : (c.moveTo(W + G, Y), c.lineTo(W + U - G, Y), c.quadraticCurveTo(W + U, Y, W + U, Y + G), c.lineTo(W + U, Y + P - G), c.quadraticCurveTo(W + U, Y + P, W + U - G, Y + P), c.lineTo(W + G, Y + P), c.quadraticCurveTo(W, Y + P, W, Y + P - G), c.lineTo(W, Y + G), c.quadraticCurveTo(W, Y, W + G, Y)), c.fill(), c.fillStyle = E.corTexto, c.textBaseline = "middle", c.textAlign = "center", c.fillText(E.rotulo, W + U / 2, Y + P / 2);
-          }
-          c.restore();
-        });
-      },
-      beforeEvent(i, g) {
-        if (!a.length) {
-          K = null;
-          return;
-        }
-        const c = g.event;
-        if (!c || c.type === "mouseout" || c.x == null || c.y == null) {
-          K = null;
-          return;
-        }
-        const b = 8;
-        let h = null, V = 1 / 0;
-        for (const q of a) {
-          const E = q.horizontal ? Math.abs(c.x - q.pos) : Math.abs(c.y - q.pos), C = q.horizontal ? c.y >= q.chartArea.top && c.y <= q.chartArea.bottom : c.x >= q.chartArea.left && c.x <= q.chartArea.right;
-          E <= b && C && E < V && (V = E, h = q);
-        }
-        K = h;
-      },
-      afterEvent(i, g) {
-        if (!a.length) return;
-        const c = g.event;
-        if (!c) return;
-        const b = lt(i);
-        if (!b) return;
-        let h = b.querySelector(".nc-tt-linhaRef");
-        if (!K) {
-          h && (h.style.opacity = "0");
-          return;
-        }
-        const V = K;
-        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"
-        }), b.appendChild(h));
-        const q = V.linha.cor || "#0F172A", E = $(V.linha.valor), C = V.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:${q};box-shadow:0 0 0 2px ${j(q, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${E}</span></div>`;
-        const I = i.canvas;
-        h.style.opacity = "1", h.style.visibility = "hidden", h.style.left = "0px", h.style.top = "0px";
-        const N = h.offsetWidth, z = h.offsetHeight, H = 4;
-        let F, U;
-        V.horizontal ? (F = I.offsetLeft + V.pos, U = I.offsetTop + c.y) : (F = I.offsetLeft + c.x, U = I.offsetTop + V.pos);
-        const P = rt(F, N, b.clientWidth, H);
-        let G = U;
-        const W = z + 16 + H;
-        G < W && (G = W), h.style.left = P + "px", h.style.top = G + "px", h.style.visibility = "visible";
-      }
-    }, v = M(() => n.value.length ? [r] : []);
-    return (i, g) => (u(), f("div", {
+    return (i, B) => (y(), v("div", {
       ref_key: "cardRef",
-      ref: A,
-      class: ot(["card-barra p-4 flex", w.value]),
-      style: x(s(k))
+      ref: p,
+      class: Q(["card-barra nc-p-4 nc-flex", d.value]),
+      style: q(g(u))
     }, [
-      S("div", Me, [
-        S("div", ze, [
-          i.$slots.legenda || t.legenda || i.$slots.sublegenda || t.sublegenda ? (u(), f("div", He, [
-            i.$slots.legenda || t.legenda ? (u(), f("div", {
-              key: 0,
-              class: "text-xs font-medium",
-              style: x({ color: s(o).text, opacity: 0.85 })
-            }, [
-              L(i.$slots, "legenda", {}, () => [
-                X(B(t.legenda), 1)
-              ], !0)
-            ], 4)) : y("", !0),
-            i.$slots.sublegenda || t.sublegenda ? (u(), f("div", {
-              key: 1,
-              class: "text-xs",
-              style: x({ color: s(o).muted })
-            }, [
-              L(i.$slots, "sublegenda", {}, () => [
-                X(B(t.sublegenda), 1)
-              ], !0)
-            ], 4)) : y("", !0)
-          ])) : y("", !0),
-          i.$slots.actions || t.botaoVisivel || t.exportar ? (u(), f("div", je, [
-            L(i.$slots, "actions", {}, () => [
-              t.botaoVisivel ? (u(), f("button", {
-                key: 0,
-                class: "nc-btn inline-flex align-items-center",
-                style: x({ color: s(o).text, borderColor: s(j)(s(o).text, 0.18) }),
-                onClick: l
-              }, [
-                S("span", null, B(t.textoBotao), 1)
-              ], 4)) : y("", !0)
-            ], !0),
-            t.exportar ? (u(), f("button", {
-              key: 0,
-              type: "button",
-              class: "nc-exportar inline-flex align-items-center justify-content-center",
-              style: x({ color: s(o).muted, borderColor: s(j)(s(o).text, 0.18) }),
-              title: "Exportar como imagem",
-              "aria-label": "Exportar como imagem",
-              onClick: R,
-              innerHTML: s(D)
-            }, null, 12, Ve)) : y("", !0)
-          ])) : y("", !0)
-        ]),
-        i.$slots.titulo || t.titulo || i.$slots.descricao || t.descricao ? (u(), f("div", Ne, [
-          i.$slots.titulo || t.titulo ? (u(), f("div", {
-            key: 0,
-            class: "m-0 text-3xl font-semibold",
-            style: x({ color: s(o).text, lineHeight: "33px", letterSpacing: "-1px" })
-          }, [
-            L(i.$slots, "titulo", {}, () => [
-              X(B(t.titulo), 1)
-            ], !0)
-          ], 4)) : y("", !0),
-          i.$slots.descricao || t.descricao ? (u(), f("div", {
-            key: 1,
-            class: "text-sm mt-1",
-            style: x({ color: s(o).muted })
-          }, [
-            L(i.$slots, "descricao", {}, () => [
-              X(B(t.descricao), 1)
-            ], !0)
-          ], 4)) : y("", !0)
-        ])) : y("", !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)
       ]),
-      S("div", Pe, [
-        ft(st, {
+      E("div", Zt, [
+        P(Y, {
           type: "bar",
-          data: Q.value,
-          options: d.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 ? (u(), f("div", Ie, [
-        L(i.$slots, "footer", {}, void 0, !0)
-      ])) : y("", !0)
+      i.$slots.footer ? (y(), v("div", _t, [
+        $(i.$slots, "footer", {}, void 0, !0)
+      ])) : S("", !0)
     ], 6));
   }
-}, We = /* @__PURE__ */ nt(De, [["__scopeId", "data-v-474043e8"]]), Oe = { class: "card-polar__topo flex align-items-start justify-content-between gap-3" }, Xe = {
-  key: 0,
-  class: "nc-legendas-flex flex flex-column"
-}, Ye = {
-  key: 1,
-  class: "nc-actions inline-flex align-items-center gap-2"
-}, Je = ["innerHTML"], Qe = { class: "card-polar__corpo flex align-items-center" }, Ue = { class: "nc-tabela flex flex-column" }, Ge = { class: "nc-tabela-valor" }, Ke = ["role", "tabindex", "onMouseenter", "onFocus", "onClick", "onKeydown"], Ze = { class: "nc-tabela-rotulo inline-flex align-items-center gap-2" }, _e = { class: "nc-tabela-valor" }, to = { class: "card-polar__chart-wrap flex align-items-center justify-content-center" }, eo = { class: "card-polar__chart" }, oo = {
+}, 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"
-}, ao = {
+}, la = {
   key: 0,
-  class: "card-polar__footer mt-3"
-}, no = {
+  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: () => [
@@ -1344,80 +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" },
-    itensClicaveis: { type: Boolean, default: !1 }
+    // 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", "itemClicado"],
-  setup(t, { emit: m }) {
-    const e = t, p = m, { palette: o, cardStyle: k } = it(e), { formatar: $ } = pt(e), A = et(null), D = dt;
-    async function R() {
-      await ct(A.value, {
-        nomeArquivo: e.nomeArquivoExport,
-        corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), p("exportado");
-    }
-    const w = M(() => `card-polar--${e.direcao}`), T = M(() => {
-      const d = xt(e.corDetalhes, e.data.length);
-      return e.data.map((l, n) => l.cor ?? d[n]);
-    }), J = M(() => ({
-      labels: e.data.map((d) => d.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-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((d) => d.quantidade),
-          backgroundColor: T.value,
-          borderColor: T.value,
+          data: t.data.map((o) => o.quantidade),
+          backgroundColor: h.value,
+          borderColor: h.value,
           borderWidth: 0,
           hoverOffset: 6
         }
       ]
-    }));
-    function O(d) {
-      const { chart: l, tooltip: n } = d, a = lt(l);
-      if (!a) return;
-      const r = gt(a);
-      if (n.opacity === 0) {
-        r.style.opacity = "0";
-        return;
-      }
-      const v = n.title || [], i = n.dataPoints && n.dataPoints[0], g = i ? T.value[i.dataIndex] : "#3B82F6", c = i ? $(i.parsed.r ?? i.parsed) : "", b = r.querySelector(".nc-tt__content");
-      b.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${v.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${g};box-shadow:0 0 0 2px ${j(g, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${c}</span></div>`;
-      const { offsetLeft: h, offsetTop: V } = l.canvas;
-      r.style.opacity = "1", r.style.visibility = "hidden", r.style.left = "0px", r.style.top = "0px";
-      const q = r.offsetWidth, E = r.offsetHeight, C = 4, I = h + n.caretX, N = V + n.caretY, z = rt(I, q, a.clientWidth, C), H = N < E + 16 + C;
-      r.style.transform = H ? "translate(-50%, 16px)" : "translate(-50%, calc(-100% - 16px))";
-      const F = r.querySelector(".nc-tt__caret");
-      F && (H ? (F.style.bottom = "", F.style.top = "-5px", F.style.borderRight = "", F.style.borderBottom = "", F.style.borderLeft = "1px solid rgba(15,23,42,.06)", F.style.borderTop = "1px solid rgba(15,23,42,.06)") : (F.style.top = "", F.style.bottom = "-5px", F.style.borderLeft = "", F.style.borderTop = "", F.style.borderRight = "1px solid rgba(15,23,42,.06)", F.style.borderBottom = "1px solid rgba(15,23,42,.06)")), r.style.left = z + "px", r.style.top = N + "px", r.style.visibility = "visible";
-    }
-    function _(d) {
-      const l = e.data[d];
-      l && p("itemClicado", { item: l, index: d, cor: T.value[d] });
-    }
-    function Q(d, l) {
-      e.itensClicaveis && p("itemClicado", { item: d, index: l, cor: T.value[l] });
+    })), 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 Z = et(null), K = M(() => ({
+    const M = F(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
       layout: { padding: 4 },
-      onHover: (d, l, n) => {
-        const a = l.length ? l[0].index : null;
-        Z.value = a, n.canvas.style.cursor = e.itensClicaveis && l.length ? "pointer" : "default";
+      onHover: (o, s, x) => {
+        k.value = s.length ? s[0].index : null, x.canvas.style.cursor = t.itensClicaveis && s.length ? "pointer" : "default";
       },
-      onClick: (d, l) => {
-        !e.itensClicaveis || !l.length || _(l[0].index);
+      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: j(o.value.muted, 0.18)
+            display: t.mostrarLinhasGrade,
+            color: D(a.value.muted, 0.18)
           },
           angleLines: {
-            display: e.mostrarLinhasGrade,
-            color: j(o.value.muted, 0.18)
+            display: t.mostrarLinhasGrade,
+            color: D(a.value.muted, 0.18)
           },
           pointLabels: { display: !1 }
         }
@@ -1426,202 +1379,132 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         legend: { display: !1 },
         tooltip: {
           enabled: !1,
-          external: O,
+          external: A,
           callbacks: {
-            title: (d) => {
-              var l;
-              return ((l = d[0]) == null ? void 0 : l.label) ?? "";
+            title: (o) => {
+              var s;
+              return ((s = o[0]) == null ? void 0 : s.label) ?? "";
             },
-            label: (d) => {
-              var l;
-              return $(((l = d.parsed) == null ? void 0 : l.r) ?? d.parsed);
+            label: (o) => {
+              var s;
+              return c(((s = o.parsed) == null ? void 0 : s.r) ?? o.parsed);
             }
           }
         }
       }
     }));
-    function tt() {
-      p("botaoAcao");
-    }
-    return (d, l) => (u(), f("div", {
+    return (o, s) => (y(), v("div", {
       ref_key: "cardRef",
-      ref: A,
-      class: ot(["card-polar p-4 flex flex-column", w.value]),
-      style: x(s(k))
+      ref: p,
+      class: Q(["card-polar nc-p-4 nc-flex nc-flex-column", d.value]),
+      style: q(g(u))
     }, [
-      S("div", Oe, [
-        d.$slots.legenda || t.legenda || d.$slots.sublegenda || t.sublegenda ? (u(), f("div", Xe, [
-          d.$slots.legenda || t.legenda ? (u(), f("div", {
-            key: 0,
-            class: "text-xs font-medium",
-            style: x({ color: s(o).text, opacity: 0.95 })
-          }, [
-            L(d.$slots, "legenda", {}, () => [
-              X(B(t.legenda), 1)
-            ], !0)
-          ], 4)) : y("", !0),
-          d.$slots.sublegenda || t.sublegenda ? (u(), f("div", {
-            key: 1,
-            class: "text-xs",
-            style: x({ color: s(o).muted })
-          }, [
-            L(d.$slots, "sublegenda", {}, () => [
-              X(B(t.sublegenda), 1)
-            ], !0)
-          ], 4)) : y("", !0)
-        ])) : y("", !0),
-        d.$slots.actions || t.botaoVisivel || t.exportar ? (u(), f("div", Ye, [
-          L(d.$slots, "actions", {}, () => [
-            t.botaoVisivel ? (u(), f("button", {
-              key: 0,
-              class: "nc-btn inline-flex align-items-center",
-              style: x({ color: s(o).text, borderColor: s(j)(s(o).text, 0.18) }),
-              onClick: tt
-            }, [
-              S("span", null, B(t.textoBotao), 1)
-            ], 4)) : y("", !0)
-          ], !0),
-          t.exportar ? (u(), f("button", {
-            key: 0,
-            type: "button",
-            class: "nc-exportar inline-flex align-items-center justify-content-center",
-            style: x({ color: s(o).muted, borderColor: s(j)(s(o).text, 0.18) }),
-            title: "Exportar como imagem",
-            "aria-label": "Exportar como imagem",
-            onClick: R,
-            innerHTML: s(D)
-          }, null, 12, Je)) : y("", !0)
-        ])) : y("", !0)
-      ]),
-      S("div", Qe, [
-        S("div", Ue, [
-          t.mostrarCabecalho ? (u(), f("div", {
-            key: 0,
-            class: "nc-tabela-cab flex align-items-center justify-content-between",
-            style: x({ color: s(o).muted, borderColor: s(j)(s(o).muted, 0.25) })
-          }, [
-            S("span", null, B(t.rotuloCategoria), 1),
-            S("span", Ge, B(t.rotuloQuantidade), 1)
-          ], 4)) : y("", !0),
-          (u(!0), f(bt, null, ht(t.data, (n, a) => (u(), f("div", {
-            key: a,
-            class: ot(["nc-tabela-linha flex align-items-center justify-content-between", { "nc-tabela-linha--clicavel": t.itensClicaveis, "nc-tabela-linha--ativa": Z.value === a }]),
-            style: x({
-              color: s(o).text,
-              cursor: t.itensClicaveis ? "pointer" : "default",
-              "--nc-linha-bg": s(j)(T.value[a], 0.05),
-              "--nc-linha-bg-forte": s(j)(T.value[a], 0.08)
-            }),
-            role: t.itensClicaveis ? "button" : null,
-            tabindex: t.itensClicaveis ? 0 : null,
-            onMouseenter: (r) => Z.value = a,
-            onMouseleave: l[0] || (l[0] = (r) => Z.value = null),
-            onFocus: (r) => Z.value = a,
-            onBlur: l[1] || (l[1] = (r) => Z.value = null),
-            onClick: (r) => Q(n, a),
-            onKeydown: [
-              yt(mt((r) => Q(n, a), ["prevent"]), ["enter"]),
-              yt(mt((r) => Q(n, a), ["prevent"]), ["space"])
-            ]
-          }, [
-            S("span", Ze, [
-              S("span", {
-                class: "nc-bolinha",
-                style: x({ background: T.value[a] })
-              }, null, 4),
-              S("span", null, B(n.rotulo), 1)
-            ]),
-            S("span", _e, B(s($)(n.quantidade)), 1)
-          ], 46, Ke))), 128))
-        ]),
-        S("div", to, [
-          S("div", eo, [
-            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: J.value,
-              options: K.value,
-              height: t.height
+              data: b.value,
+              options: M.value,
+              height: e.height
             }, null, 8, ["data", "options", "height"]),
-            d.$slots.titulo || t.titulo || d.$slots.descricao || t.descricao ? (u(), f("div", oo, [
-              d.$slots.titulo || t.titulo ? (u(), f("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: s(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(d.$slots, "titulo", {}, () => [
-                  X(B(t.titulo), 1)
+                $(o.$slots, "titulo", {}, () => [
+                  j(L(o.titulo), 1)
                 ], !0)
-              ], 4)) : y("", !0),
-              d.$slots.descricao || t.descricao ? (u(), f("div", {
+              ], 4)) : S("", !0),
+              o.$slots.descricao || o.descricao ? (y(), v("div", {
                 key: 1,
                 class: "card-polar__centro-desc",
-                style: x({ color: s(o).muted })
+                style: q({ color: g(a).muted })
               }, [
-                L(d.$slots, "descricao", {}, () => [
-                  X(B(t.descricao), 1)
+                $(o.$slots, "descricao", {}, () => [
+                  j(L(o.descricao), 1)
                 ], !0)
-              ], 4)) : y("", !0)
-            ])) : y("", !0)
+              ], 4)) : S("", !0)
+            ])) : S("", !0)
           ])
         ])
       ]),
-      d.$slots.footer ? (u(), f("div", ao, [
-        L(d.$slots, "footer", {}, void 0, !0)
-      ])) : y("", !0)
+      o.$slots.footer ? (y(), v("div", la, [
+        $(o.$slots, "footer", {}, void 0, !0)
+      ])) : S("", !0)
     ], 6));
   }
-}, lo = /* @__PURE__ */ nt(no, [["__scopeId", "data-v-c384afa9"]]), ro = { class: "card-progresso__topo flex align-items-start justify-content-between gap-3" }, so = {
-  key: 0,
-  class: "nc-legendas-flex flex flex-column"
-}, io = {
-  key: 1,
-  class: "nc-actions inline-flex align-items-center gap-2"
-}, co = ["innerHTML"], uo = {
+}, 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__titulos mt-3 mb-2 flex flex-column"
-}, fo = { class: "card-progresso__corpo flex align-items-center flex-wrap" }, po = {
+  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__chart-wrap flex align-items-center justify-content-center"
-}, go = { class: "card-progresso__chart" }, yo = { class: "nc-centro flex flex-column align-items-center justify-content-center" }, mo = { class: "card-progresso__lista flex flex-column" }, bo = { class: "card-progresso__item-cab flex align-items-center justify-content-between" }, ho = {
-  key: 0,
-  class: "card-progresso__item-valor inline-flex align-items-center gap-2"
-}, xo = { key: 0 }, vo = {
+  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"
-}, $o = {
+  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)
+      validator: (e) => ["linear", "circular"].includes(e)
     },
-    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: () => [
@@ -1637,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: m }) {
-    const e = t, p = m, { palette: o, cardStyle: k } = it(e), { formatar: $ } = pt(e), A = et(null), D = dt;
-    async function R() {
-      await ct(A.value, {
-        nomeArquivo: e.nomeArquivoExport,
-        corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), p("exportado");
-    }
-    const w = M(() => `card-progresso--${e.direcao}`), T = M(() => {
-      const n = xt(e.corDetalhes, e.data.length);
-      return e.data.map((a, r) => {
-        const v = Number(a.meta ?? e.metaPadrao) || 0, i = Number(a.quantidade) || 0, g = a.cor ?? n[r], c = a.modo === "reducao";
-        let b;
-        if (c) {
-          const h = Number(a.valor_referencia) || 0, V = h - v;
-          b = V > 0 ? Math.max(0, Math.min(100, (h - i) / V * 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
-          b = 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: g, percentual: b, reducao: c };
+          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 };
       });
-    }), J = M(
-      () => typeof e.alturaBarra == "number" ? `${e.alturaBarra}px` : e.alturaBarra
-    ), O = M(
-      () => typeof e.raioBarra == "number" ? `${e.raioBarra}px` : e.raioBarra
-    );
-    M(() => T.value.reduce((n, a) => n + a.quantidade, 0)), M(() => T.value.reduce((n, a) => n + a.meta, 0));
-    const _ = M(() => T.value.length ? T.value.reduce((n, a) => n + a.percentual, 0) / T.value.length : 0), Q = M(() => T.value.every((n) => n.reducao)), Z = M(() => {
-      const n = Math.min(_.value, 100), a = Math.max(0, 100 - n), r = Q.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: [n, a],
-            backgroundColor: [r, j(o.value.muted, 0.15)],
+            data: [f, C],
+            backgroundColor: [i, D(a.value.muted, 0.15)],
             borderWidth: 0,
             borderColor: "transparent",
             hoverOffset: 0,
@@ -1683,10 +1555,10 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           }
         ]
       };
-    }), K = M(() => ({
+    }), o = F(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
-      cutout: e.cutout,
+      cutout: t.cutout,
       rotation: -90,
       circumference: 360,
       layout: { padding: 4 },
@@ -1695,328 +1567,314 @@ const dt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         tooltip: { enabled: !1 }
       }
     }));
-    function tt(n) {
-      const a = A.value;
-      if (!a) return;
-      getComputedStyle(a).position === "static" && (a.style.position = "relative");
-      const r = gt(a);
-      r.style.whiteSpace = "normal";
-      const v = r.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>', r.style.opacity = "1", r.style.visibility = "hidden", r.style.left = "0px", r.style.top = "0px", r.offsetWidth;
-      const i = n.currentTarget.getBoundingClientRect(), g = a.getBoundingClientRect(), c = i.left - g.left + i.width / 2, b = i.top - g.top;
-      r.style.transform = "translate(-50%, calc(-100% - 8px))";
-      const h = r.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)"
-      }), r.style.left = c + "px", r.style.top = b + "px", r.style.visibility = "visible";
-    }
-    function d() {
-      var a;
-      const n = (a = A.value) == null ? void 0 : a.querySelector(".nc-tt");
-      n && (n.style.opacity = "0");
+      }), i.style.left = I + "px", i.style.top = H + "px", i.style.visibility = "visible";
     }
-    function l() {
-      p("botaoAcao");
+    function x() {
+      var C;
+      const f = (C = p.value) == null ? void 0 : C.querySelector(".nc-tt");
+      f && (f.style.opacity = "0");
     }
-    return (n, a) => (u(), f("div", {
+    return (f, C) => (y(), v("div", {
       ref_key: "cardRef",
-      ref: A,
-      class: ot(["card-progresso p-4 flex flex-column", w.value]),
-      style: x(s(k))
+      ref: p,
+      class: Q(["card-progresso nc-p-4 nc-flex nc-flex-column", d.value]),
+      style: q(g(u))
     }, [
-      S("div", ro, [
-        n.$slots.legenda || t.legenda || n.$slots.sublegenda || t.sublegenda ? (u(), f("div", so, [
-          n.$slots.legenda || t.legenda ? (u(), f("div", {
-            key: 0,
-            class: "text-xs font-medium",
-            style: x({ color: s(o).text, opacity: 0.95 })
-          }, [
-            L(n.$slots, "legenda", {}, () => [
-              X(B(t.legenda), 1)
-            ], !0)
-          ], 4)) : y("", !0),
-          n.$slots.sublegenda || t.sublegenda ? (u(), f("div", {
-            key: 1,
-            class: "text-xs",
-            style: x({ color: s(o).muted })
-          }, [
-            L(n.$slots, "sublegenda", {}, () => [
-              X(B(t.sublegenda), 1)
-            ], !0)
-          ], 4)) : y("", !0)
-        ])) : y("", !0),
-        n.$slots.actions || t.botaoVisivel || t.exportar ? (u(), f("div", io, [
-          L(n.$slots, "actions", {}, () => [
-            t.botaoVisivel ? (u(), f("button", {
-              key: 0,
-              class: "nc-btn inline-flex align-items-center",
-              style: x({ color: s(o).text, borderColor: s(j)(s(o).text, 0.18) }),
-              onClick: l
-            }, [
-              S("span", null, B(t.textoBotao), 1)
-            ], 4)) : y("", !0)
-          ], !0),
-          t.exportar ? (u(), f("button", {
-            key: 0,
-            type: "button",
-            class: "nc-exportar inline-flex align-items-center justify-content-center",
-            style: x({ color: s(o).muted, borderColor: s(j)(s(o).text, 0.18) }),
-            title: "Exportar como imagem",
-            "aria-label": "Exportar como imagem",
-            onClick: R,
-            innerHTML: s(D)
-          }, null, 12, co)) : y("", !0)
-        ])) : y("", !0)
-      ]),
-      n.$slots.titulo || t.titulo || n.$slots.descricao || t.descricao ? (u(), f("div", uo, [
-        n.$slots.titulo || t.titulo ? (u(), f("div", {
-          key: 0,
-          class: "m-0 text-3xl font-semibold",
-          style: x({ color: s(o).text, lineHeight: "33px", letterSpacing: "-1px" })
-        }, [
-          L(n.$slots, "titulo", {}, () => [
-            X(B(t.titulo), 1)
-          ], !0)
-        ], 4)) : y("", !0),
-        n.$slots.descricao || t.descricao ? (u(), f("div", {
-          key: 1,
-          class: "text-sm mt-1",
-          style: x({ color: s(o).muted })
-        }, [
-          L(n.$slots, "descricao", {}, () => [
-            X(B(t.descricao), 1)
-          ], !0)
-        ], 4)) : y("", !0)
-      ])) : y("", !0),
-      S("div", fo, [
-        t.formato === "circular" ? (u(), f("div", po, [
-          S("div", go, [
-            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: Z.value,
-              options: K.value,
-              height: t.height
+              data: M.value,
+              options: o.value,
+              height: e.height
             }, null, 8, ["data", "options", "height"]),
-            S("div", yo, [
-              S("div", {
+            E("div", pa, [
+              E("div", {
                 class: "nc-centro-titulo",
-                style: x({ color: Q.value ? e.corExcesso : s(o).text })
-              }, B(Math.round(_.value)) + "% ", 5)
+                style: q({ color: R.value ? t.corExcesso : g(a).text })
+              }, L(Math.round(k.value)) + "% ", 5)
             ])
           ])
-        ])) : y("", !0),
-        S("div", mo, [
-          (u(!0), f(bt, null, ht(T.value, (r, v) => (u(), f("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"
           }, [
-            S("div", bo, [
-              S("span", {
-                class: "card-progresso__item-rotulo inline-flex align-items-center gap-2",
-                style: x({ color: s(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 })
               }, [
-                S("span", {
+                E("span", {
                   class: "nc-bolinha",
-                  style: x({ background: r.cor })
+                  style: q({ background: i.cor })
                 }, null, 4),
-                S("span", null, B(r.rotulo), 1),
-                r.reducao ? (u(), f("span", {
+                E("span", null, L(i.rotulo), 1),
+                i.reducao ? (y(), v("span", {
                   key: 0,
                   class: "card-progresso__item-modo",
-                  style: x({ color: s(o).muted }),
-                  onMouseenter: tt,
-                  onMouseleave: d
-                }, "↓", 36)) : y("", !0)
+                  style: q({ color: g(a).muted }),
+                  onMouseenter: s,
+                  onMouseleave: x
+                }, "↓", 36)) : S("", !0)
               ], 4),
-              t.mostrarValor || t.mostrarPercentual ? (u(), f("span", ho, [
-                t.mostrarValor ? (u(), f("span", {
+              e.mostrarValor || e.mostrarPercentual ? (y(), v("span", ma, [
+                e.mostrarValor ? (y(), v("span", {
                   key: 0,
                   class: "card-progresso__item-nums",
-                  style: x({ color: s(o).muted })
+                  style: q({ color: g(a).muted })
                 }, [
-                  X(B(s($)(r.quantidade)), 1),
-                  r.meta ? (u(), f("span", xo, " / " + B(s($)(r.meta)), 1)) : y("", !0)
-                ], 4)) : y("", !0),
-                t.mostrarPercentual ? (u(), f("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: s(j)(r.cor, 0.12), color: r.cor })
-                }, B(Math.round(r.percentual)) + "% ", 5)) : y("", !0)
-              ])) : y("", !0)
+                  style: q({ background: g(D)(i.cor, 0.12), color: i.cor })
+                }, L(Math.round(i.percentual)) + "% ", 5)) : S("", !0)
+              ])) : S("", !0)
             ]),
-            S("div", {
-              class: "card-progresso__trilha w-full",
-              style: x({
-                height: J.value,
-                borderRadius: O.value,
-                background: r.reducao ? s(j)(e.corExcesso, 0.18) : s(j)(s(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)
               })
             }, [
-              S("div", {
+              E("div", {
                 class: "card-progresso__preenchimento",
-                style: x({ width: r.percentual + "%", background: r.cor, borderRadius: O.value })
+                style: q({ width: i.percentual + "%", background: i.cor, borderRadius: A.value })
               }, null, 4)
             ], 4)
           ]))), 128))
         ])
       ]),
-      n.$slots.footer ? (u(), f("div", vo, [
-        L(n.$slots, "footer", {}, void 0, !0)
-      ])) : y("", !0)
+      f.$slots.footer ? (y(), v("div", ya, [
+        $(f.$slots, "footer", {}, void 0, !0)
+      ])) : S("", !0)
     ], 6));
   }
-}, So = /* @__PURE__ */ nt($o, [["__scopeId", "data-v-f738fbcc"]]), Co = {
+}, ba = /* @__PURE__ */ W(va, [["__scopeId", "data-v-8002d271"]]), xa = {
   key: 0,
   class: "card-base__topo"
-}, ko = ["innerHTML"], Bo = { class: "card-base__legendas flex flex-column" }, Ao = {
+}, $a = ["innerHTML"], Ca = { class: "card-base__legendas nc-flex nc-flex-column" }, ka = {
   key: 1,
-  class: "card-base__titulos flex flex-column"
-}, wo = {
+  class: "card-base__titulos nc-flex nc-flex-column"
+}, Sa = {
   key: 2,
-  class: "card-base__acao flex"
-}, Ro = {
+  class: "card-base__acao nc-flex"
+}, Aa = {
   key: 3,
   class: "card-base__footer"
-}, To = {
+}, 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: m }) {
-    const e = t, p = m, { palette: o, cardStyle: k } = it(e), $ = et(null), A = dt;
-    function D() {
-      p("botaoAcao");
-    }
-    async function R() {
-      await ct($.value, {
-        nomeArquivo: e.nomeArquivoExport,
-        corFundo: o.value.bg !== "transparent" ? o.value.bg : null
-      }), p("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 (w, T) => (u(), f("div", {
+    return (d, h) => (y(), v("div", {
       ref_key: "cardRef",
-      ref: $,
-      class: ot(["card-base flex flex-column", `card-base--${t.alinhamento}`]),
-      style: x(s(k))
+      ref: c,
+      class: Q(["card-base nc-flex nc-flex-column", `card-base--${e.alinhamento}`]),
+      style: q(g(u))
     }, [
-      t.exportar ? (u(), f("div", Co, [
-        S("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: s(o).muted, borderColor: s(j)(s(o).text === "inherit" ? "#0F172A" : s(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: R,
-          innerHTML: s(A)
-        }, null, 12, ko)
-      ])) : y("", !0),
-      S("div", Bo, [
-        w.$slots.legenda || t.legenda ? (u(), f("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: s(o).text })
+          class: "card-base__legenda nc-font-medium nc-text-xs",
+          style: q({ color: g(a).text })
         }, [
-          L(w.$slots, "legenda", {}, () => [
-            X(B(t.legenda), 1)
+          $(d.$slots, "legenda", {}, () => [
+            j(L(d.legenda), 1)
           ], !0)
-        ], 4)) : y("", !0),
-        w.$slots.sublegenda || t.sublegenda ? (u(), f("div", {
+        ], 4)) : S("", !0),
+        d.$slots.sublegenda || d.sublegenda ? (y(), v("div", {
           key: 1,
-          class: "card-base__sublegenda text-xs",
-          style: x({ color: s(o).muted })
+          class: "card-base__sublegenda nc-text-xs",
+          style: q({ color: g(a).muted })
         }, [
-          L(w.$slots, "sublegenda", {}, () => [
-            X(B(t.sublegenda), 1)
+          $(d.$slots, "sublegenda", {}, () => [
+            j(L(d.sublegenda), 1)
           ], !0)
-        ], 4)) : y("", !0)
+        ], 4)) : S("", !0)
       ]),
-      w.$slots.titulo || t.titulo || w.$slots.descricao || t.descricao ? (u(), f("div", Ao, [
-        w.$slots.titulo || t.titulo ? (u(), f("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: s(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(w.$slots, "titulo", {}, () => [
-            X(B(t.titulo), 1)
+          $(d.$slots, "titulo", {}, () => [
+            j(L(d.titulo), 1)
           ], !0)
-        ], 4)) : y("", !0),
-        w.$slots.descricao || t.descricao ? (u(), f("div", {
+        ], 4)) : S("", !0),
+        d.$slots.descricao || d.descricao ? (y(), v("div", {
           key: 1,
-          class: "text-sm",
-          style: x({ color: s(o).muted })
+          class: "nc-text-sm",
+          style: q({ color: g(a).muted })
         }, [
-          L(w.$slots, "descricao", {}, () => [
-            X(B(t.descricao), 1)
+          $(d.$slots, "descricao", {}, () => [
+            j(L(d.descricao), 1)
           ], !0)
-        ], 4)) : y("", !0)
-      ])) : y("", !0),
-      w.$slots.acao || t.botaoVisivel ? (u(), f("div", wo, [
-        L(w.$slots, "acao", {}, () => [
-          t.botaoVisivel ? (u(), f("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: s(o).text }),
-            onClick: D
+            class: "card-base__link nc-text-xs nc-inline-flex nc-align-items-center",
+            style: q({ color: g(a).text }),
+            onClick: l
           }, [
-            S("span", null, B(t.textoBotao), 1),
-            T[0] || (T[0] = S("span", {
+            E("span", null, L(d.textoBotao), 1),
+            h[1] || (h[1] = E("span", {
               class: "card-base__chevron",
               "aria-hidden": "true"
             }, "›", -1))
-          ], 4)) : y("", !0)
+          ], 4)) : S("", !0)
         ], !0)
-      ])) : y("", !0),
-      w.$slots.footer ? (u(), f("div", Ro, [
-        L(w.$slots, "footer", {}, void 0, !0)
-      ])) : y("", !0)
+      ])) : S("", !0),
+      d.$slots.footer ? (y(), v("div", Aa, [
+        $(d.$slots, "footer", {}, void 0, !0)
+      ])) : S("", !0)
     ], 6));
   }
-}, qo = /* @__PURE__ */ nt(To, [["__scopeId", "data-v-d1b84008"]]), Lo = {
-  install(t) {
-    t.component("ChartBase", st), t.component("CardBase", qo), t.component("CardLinhas", be), t.component("CardPizza", Le), t.component("CardBarra", We), t.component("CardPolar", lo), t.component("CardProgresso", So);
+}, 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 {
-  We as CardBarra,
-  qo as CardBase,
-  be as CardLinhas,
-  Le as CardPizza,
-  lo as CardPolar,
-  So as CardProgresso,
-  st as ChartBase,
-  dt as ICONE_EXPORTAR_SVG,
-  rt as clampHorizontal,
-  gt as criarTooltipEl,
-  Lo as default,
-  ct as exportarElementoComoImagem,
-  xt as gerarPaleta,
-  lt as prepararTooltipParent,
-  j as toRgba,
-  pt as useFormatadorValor,
-  it as useTema
+  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,
+  Oe as ttLinhaTexto,
+  he as ttLinhaValor,
+  me as ttTitulo,
+  K as useExportarCard,
+  ee as useFormatadorValor,
+  Pe as useLinhasReferencia,
+  G as useTema
 };