nemesischart 2.0.1 → 2.0.3

package/dist/nemesischart.js

@@ -1,6 +1,6 @@
-import { ref as G, shallowRef as wt, onMounted as qt, onBeforeUnmount as Rt, watch as xt, openBlock as l, createElementBlock as n, normalizeStyle as u, createElementVNode as f, computed as R, unref as o, normalizeClass as et, renderSlot as S, createTextVNode as V, toDisplayString as h, createCommentVNode as i, createVNode as ct, Fragment as pt, renderList as gt } from "vue";
-import { Chart as $t, Title as zt, Tooltip as Ft, Legend as Tt, Filler as Lt, LineController as Vt, LineElement as Nt, PointElement as Dt, BarController as _t, BarElement as Mt, PieController as Ht, PolarAreaController as Pt, ArcElement as Ot, CategoryScale as It, LinearScale as Wt, RadialLinearScale as jt } from "chart.js";
-const Z = (t, y) => {
+import { ref as tt, shallowRef as Et, onMounted as qt, onBeforeUnmount as Rt, watch as vt, openBlock as l, createElementBlock as n, normalizeStyle as u, createElementVNode as p, computed as R, unref as o, normalizeClass as at, renderSlot as k, createTextVNode as j, toDisplayString as x, createCommentVNode as i, createVNode as ct, Fragment as ft, renderList as gt } from "vue";
+import { Chart as $t, Title as zt, Tooltip as Ft, Legend as Tt, Filler as Lt, LineController as Vt, LineElement as jt, PointElement as Nt, BarController as Ht, BarElement as _t, PieController as Mt, PolarAreaController as Dt, ArcElement as Pt, CategoryScale as Ot, LinearScale as It, RadialLinearScale as Wt } from "chart.js";
+const et = (t, y) => {
   const a = t.__vccOpts || t;
   for (const [d, e] of y)
     a[d] = e;
@@ -22,76 +22,76 @@ const Z = (t, y) => {
       Tt,
       Lt,
       Vt,
+      jt,
       Nt,
-      Dt,
+      Ht,
       _t,
       Mt,
-      Ht,
+      Dt,
       Pt,
       Ot,
       It,
-      Wt,
-      jt
+      Wt
     );
-    const a = t, d = G(null), e = wt(null), A = {
+    const a = t, d = tt(null), e = Et(null), w = {
       responsive: !0,
       maintainAspectRatio: !1,
       plugins: {
         legend: { position: "top" }
       }
     };
-    function x() {
-      return { ...A, ...a.options };
+    function v() {
+      return { ...w, ...a.options };
     }
     function z() {
       d.value && (e.value = new $t(d.value, {
         type: a.type,
         data: a.data,
-        options: x(),
+        options: v(),
         plugins: a.plugins
       }));
     }
-    function H() {
+    function D() {
       e.value && (e.value.destroy(), e.value = null);
     }
-    return qt(z), Rt(H), xt(
+    return qt(z), Rt(D), vt(
       () => a.data,
-      (P) => {
+      (O) => {
         if (!e.value) return;
-        e.value.data.labels = P.labels;
-        const w = e.value.data.datasets, T = P.datasets;
-        w.length !== T.length ? e.value.data.datasets = T : T.forEach((O, I) => Object.assign(w[I], O)), e.value.update();
+        e.value.data.labels = O.labels;
+        const E = e.value.data.datasets, T = O.datasets;
+        E.length !== T.length ? e.value.data.datasets = T : T.forEach((I, W) => Object.assign(E[W], I)), e.value.update();
       },
       { deep: !0 }
-    ), xt(
+    ), vt(
       () => a.options,
       () => {
-        e.value && (e.value.options = x(), e.value.update());
+        e.value && (e.value.options = v(), e.value.update());
       },
       { deep: !0 }
-    ), y({ chart: e }), (P, w) => (l(), n("div", {
-      class: "nc-chart-wrapper",
+    ), y({ chart: e }), (O, E) => (l(), n("div", {
+      class: "nc-chart-wrapper w-full",
       style: u({
         height: typeof t.height == "number" ? `${t.height}px` : t.height,
         width: t.width ? typeof t.width == "number" ? `${t.width}px` : t.width : "100%"
       })
     }, [
-      f("canvas", {
+      p("canvas", {
         ref_key: "canvasRef",
         ref: d
       }, null, 512)
     ], 4));
   }
-}, at = /* @__PURE__ */ Z(Xt, [["__scopeId", "data-v-32d30c2c"]]), Jt = {
+}, ot = /* @__PURE__ */ et(Xt, [["__scopeId", "data-v-9828990e"]]), Yt = {
   light: { bg: "#ffffff", text: "#000000", muted: "#64748B", grid: "rgba(15,23,42,0.06)" },
   dark: { bg: "#000000", text: "#ffffff", muted: "#94A3B8", grid: "rgba(255,255,255,0.08)" },
   transparent: { bg: "transparent", text: "inherit", muted: "#94A3B8", grid: "rgba(127,127,127,0.15)" }
 };
-function L(t, y) {
+function V(t, y) {
   if (!t) return `rgba(59,130,246,${y})`;
   if (t.startsWith("#")) {
-    const a = t.replace("#", ""), d = a.length === 3 ? a.split("").map((z) => z + z).join("") : a, e = parseInt(d.slice(0, 2), 16), A = parseInt(d.slice(2, 4), 16), x = parseInt(d.slice(4, 6), 16);
-    return `rgba(${e},${A},${x},${y})`;
+    const a = t.replace("#", ""), d = a.length === 3 ? a.split("").map((z) => z + z).join("") : a, e = parseInt(d.slice(0, 2), 16), w = parseInt(d.slice(2, 4), 16), v = parseInt(d.slice(4, 6), 16);
+    return `rgba(${e},${w},${v},${y})`;
   }
   if (t.startsWith("rgb")) {
     const a = t.match(/[\d.]+/g);
@@ -99,9 +99,9 @@ function L(t, y) {
   }
   return t;
 }
-function ot(t) {
+function rt(t) {
   const y = R(() => {
-    const d = Jt[t.tema], e = d ? { ...d, bg: t.corFundo || d.bg } : { bg: t.corFundo || t.tema, text: "#F8FAFC", muted: "#94A3B8", grid: "rgba(255,255,255,0.08)" };
+    const d = Yt[t.tema], e = d ? { ...d, bg: t.corFundo || d.bg } : { bg: t.corFundo || t.tema, text: "#F8FAFC", muted: "#94A3B8", grid: "rgba(255,255,255,0.08)" };
     return {
       ...e,
       text: t.corTexto || e.text,
@@ -114,7 +114,7 @@ function ot(t) {
     boxShadow: t.sombra,
     border: t.corBorda ? `1px solid ${t.corBorda}` : "none"
   }));
-  return { palette: y, cardStyle: a, toRgba: L };
+  return { palette: y, cardStyle: a, toRgba: V };
 }
 function ut(t) {
   const y = R(() => 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 }));
@@ -125,7 +125,7 @@ function ut(t) {
   }
   return { formatador: y, formatar: a };
 }
-function ft(t, { caretFlexivel: y = !1 } = {}) {
+function pt(t, { caretFlexivel: y = !1 } = {}) {
   let a = t.querySelector(".nc-tt");
   if (a) return a;
   a = document.createElement("div"), a.className = "nc-tt", Object.assign(a.style, {
@@ -161,8 +161,8 @@ function ft(t, { caretFlexivel: y = !1 } = {}) {
     borderRight: "1px solid rgba(15,23,42,.06)",
     borderBottom: "1px solid rgba(15,23,42,.06)"
   }), a.appendChild(d);
-  const A = document.createElement("div");
-  return A.className = "nc-tt__content", Object.assign(A.style, { position: "relative", background: "#fff", borderRadius: "8px" }), a.appendChild(A), t.appendChild(a), a;
+  const w = document.createElement("div");
+  return w.className = "nc-tt__content", Object.assign(w.style, { position: "relative", background: "#fff", borderRadius: "8px" }), a.appendChild(w), t.appendChild(a), a;
 }
 function it(t) {
   const y = t.canvas.parentNode;
@@ -176,73 +176,73 @@ function St(t, y) {
   const a = window.getComputedStyle(t);
   let d = "";
   for (let e = 0; e < a.length; e++) {
-    const A = a[e];
-    let x = a.getPropertyValue(A);
-    if (x && x.indexOf("url(") !== -1 && !/url\(["']?data:/.test(x))
-      if (A === "background-image" || A === "background" || A === "mask-image" || A === "border-image" || A === "border-image-source")
-        x = "none";
+    const w = a[e];
+    let v = a.getPropertyValue(w);
+    if (v && v.indexOf("url(") !== -1 && !/url\(["']?data:/.test(v))
+      if (w === "background-image" || w === "background" || w === "mask-image" || w === "border-image" || w === "border-image-source")
+        v = "none";
       else
         continue;
-    d += `${A}:${x};`;
+    d += `${w}:${v};`;
   }
   y.setAttribute("style", d);
 }
-function Qt(t, y) {
+function Jt(t, y) {
   St(t, y);
   const a = t.querySelectorAll("*"), d = y.querySelectorAll("*");
   for (let e = 0; e < a.length; e++)
     d[e] && St(a[e], d[e]);
 }
-function Yt(t, y) {
+function Qt(t, y) {
   const a = t.querySelectorAll("canvas"), d = y.querySelectorAll("canvas");
-  a.forEach((e, A) => {
-    if (!d[A]) return;
-    const x = document.createElement("img");
+  a.forEach((e, w) => {
+    if (!d[w]) return;
+    const v = document.createElement("img");
     try {
-      x.src = e.toDataURL("image/png");
+      v.src = e.toDataURL("image/png");
     } catch {
       return;
     }
     const z = e.getBoundingClientRect();
-    x.setAttribute("style", `width:${z.width}px;height:${z.height}px;display:block;`), d[A].replaceWith(x);
+    v.setAttribute("style", `width:${z.width}px;height:${z.height}px;display:block;`), d[w].replaceWith(v);
   });
 }
-async function rt(t, y = {}) {
+async function lt(t, y = {}) {
   if (!t) return;
   const {
     nomeArquivo: a = "componente.png",
     escala: d = 2,
     corFundo: e = null
-  } = y, A = t.getBoundingClientRect(), x = Math.ceil(A.width), z = Math.ceil(A.height), H = t.cloneNode(!0);
-  Qt(t, H), Yt(t, H), H.style.margin = "0", H.style.transform = "none";
-  const P = new XMLSerializer().serializeToString(H), w = `<svg xmlns="http://www.w3.org/2000/svg" width="${x}" height="${z}"><foreignObject width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml" style="width:${x}px;height:${z}px;">` + P + "</div></foreignObject></svg>", O = "data:image/svg+xml;base64," + (typeof window < "u" && window.btoa ? window.btoa(unescape(encodeURIComponent(w))) : ""), I = new Image();
-  await new Promise((k, E) => {
-    I.onload = k, I.onerror = E, I.src = O;
+  } = y, w = t.getBoundingClientRect(), v = Math.ceil(w.width), z = Math.ceil(w.height), D = t.cloneNode(!0);
+  Jt(t, D), Qt(t, D), D.style.margin = "0", D.style.transform = "none";
+  const O = new XMLSerializer().serializeToString(D), E = `<svg xmlns="http://www.w3.org/2000/svg" width="${v}" height="${z}"><foreignObject width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml" style="width:${v}px;height:${z}px;">` + O + "</div></foreignObject></svg>", I = "data:image/svg+xml;base64," + (typeof window < "u" && window.btoa ? window.btoa(unescape(encodeURIComponent(E))) : ""), W = new Image();
+  await new Promise((B, S) => {
+    W.onload = B, W.onerror = S, W.src = I;
   });
-  const J = document.createElement("canvas");
-  J.width = x * d, J.height = z * d;
-  const v = J.getContext("2d");
-  v.scale(d, d), e && (v.fillStyle = e, v.fillRect(0, 0, x, z)), v.drawImage(I, 0, 0);
+  const Q = document.createElement("canvas");
+  Q.width = v * d, Q.height = z * d;
+  const m = Q.getContext("2d");
+  m.scale(d, d), e && (m.fillStyle = e, m.fillRect(0, 0, v, z)), m.drawImage(W, 0, 0);
   let r;
   try {
-    r = J.toDataURL("image/png");
-  } catch (k) {
-    console.error("Falha ao exportar imagem: canvas contaminado.", k);
+    r = Q.toDataURL("image/png");
+  } catch (B) {
+    console.error("Falha ao exportar imagem: canvas contaminado.", B);
     return;
   }
   const $ = document.createElement("a");
   $.download = a, $.href = r, document.body.appendChild($), $.click(), document.body.removeChild($);
 }
-const lt = '<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>', Ut = { class: "card-linhas__header" }, Gt = { class: "card-linhas__topo" }, Zt = {
+const nt = '<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>', Ut = { class: "card-linhas__header flex flex-column" }, Gt = { class: "card-linhas__topo flex align-items-start justify-content-between gap-3" }, Zt = {
   key: 0,
-  class: "card-linhas__legendas"
+  class: "card-linhas__legendas flex flex-column"
 }, Kt = {
   key: 1,
-  class: "card-linhas__actions"
+  class: "card-linhas__actions inline-flex align-items-center gap-2"
 }, te = ["innerHTML"], ee = {
   key: 0,
-  class: "card-linhas__titulos mt-3 mb-2"
-}, ae = { class: "card-linhas__chart" }, oe = {
+  class: "card-linhas__titulos mt-3 mb-2 flex flex-column"
+}, ae = { class: "card-linhas__chart flex-1" }, oe = {
   key: 0,
   class: "card-linhas__footer mt-3"
 }, re = {
@@ -296,27 +296,27 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
   },
   emits: ["botaoAcao", "exportado"],
   setup(t, { emit: y }) {
-    const a = t, d = y, { palette: e, cardStyle: A } = ot(a), { formatar: x } = ut(a), z = G(null), H = lt;
-    async function P() {
-      await rt(z.value, {
+    const a = t, d = y, { palette: e, cardStyle: w } = rt(a), { formatar: v } = ut(a), z = tt(null), D = nt;
+    async function O() {
+      await lt(z.value, {
         nomeArquivo: a.nomeArquivoExport,
         corFundo: e.value.bg !== "transparent" ? e.value.bg : null
       }), d("exportado");
     }
-    const w = R(() => `card-linhas--${a.direcao}`), T = R(() => ({
-      labels: a.data.map((v) => v.rotulo),
+    const E = R(() => `card-linhas--${a.direcao}`), T = R(() => ({
+      labels: a.data.map((m) => m.rotulo),
       datasets: [
         {
-          data: a.data.map((v) => v.quantidade),
+          data: a.data.map((m) => m.quantidade),
           borderColor: a.corDetalhes,
           borderWidth: 3,
           borderJoinStyle: "round",
           borderCapStyle: "round",
-          backgroundColor: (v) => {
-            const { chart: r } = v, { ctx: $, chartArea: k } = r;
-            if (!k) return "transparent";
-            const E = a.corDetalhes || "#0400FF", c = "#7C7C7C", N = $.createLinearGradient(0, k.top, 0, k.bottom);
-            return N.addColorStop(0.16, L(E, 0.2)), N.addColorStop(1, L(c, 0)), N;
+          backgroundColor: (m) => {
+            const { chart: r } = m, { ctx: $, chartArea: B } = r;
+            if (!B) return "transparent";
+            const S = a.corDetalhes || "#0400FF", c = "#7C7C7C", N = $.createLinearGradient(0, B.top, 0, B.bottom);
+            return N.addColorStop(0.16, V(S, 0.2)), N.addColorStop(1, V(c, 0)), N;
           },
           fill: !0,
           tension: 0.45,
@@ -329,49 +329,63 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         }
       ]
     }));
-    function O(v) {
-      const { chart: r, tooltip: $ } = v, k = it(r);
-      if (!k) return;
-      const E = ft(k);
+    function I(m) {
+      const { chart: r, tooltip: $ } = m, B = it(r);
+      if (!B) return;
+      const S = pt(B);
       if ($.opacity === 0) {
-        E.style.opacity = "0";
+        S.style.opacity = "0";
         return;
       }
-      const c = $.title || [], N = ($.body || []).flatMap((C) => C.lines), F = E.querySelector(".nc-tt__content"), Q = a.corDetalhes || "#3B82F6";
-      F.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${c.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${Q};box-shadow:0 0 0 2px ${L(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;">${N.join(" ")}</span></div>`;
-      const { offsetLeft: p, offsetTop: m } = r.canvas;
-      E.style.opacity = "1", E.style.visibility = "hidden", E.style.left = "0px", E.style.top = "0px";
-      const s = E.offsetWidth, b = E.offsetHeight, g = 4, D = dt(p + $.caretX, s, k.clientWidth, g);
-      let B = m + $.caretY;
-      const q = b + 16 + g;
-      B < q && (B = q), E.style.left = D + "px", E.style.top = B + "px", E.style.visibility = "visible";
+      const c = $.title || [], N = ($.body || []).flatMap((Z) => Z.lines), F = S.querySelector(".nc-tt__content"), U = a.corDetalhes || "#3B82F6";
+      F.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${c.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${U};box-shadow:0 0 0 2px ${V(U, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${N.join(" ")}</span></div>`;
+      const { offsetLeft: f, offsetTop: b } = r.canvas;
+      S.style.opacity = "1", S.style.visibility = "hidden", S.style.left = "0px", S.style.top = "0px";
+      const s = S.offsetWidth, h = S.offsetHeight, g = 4, L = f + $.caretX, C = b + $.caretY, q = dt(L, s, B.clientWidth, g), A = h + 16 + g, X = C < A;
+      let K;
+      X ? (S.style.transform = "translateX(-50%) translateY(16px)", K = C) : (S.style.transform = "translate(-50%, calc(-100% - 16px))", K = C), S.style.left = q + "px", S.style.top = K + "px";
+      const M = S.querySelector(".nc-tt__caret");
+      if (M) {
+        const Z = L - q, G = s / 2, P = Math.max(-G + 8, Math.min(G - 8, Z));
+        M.style.left = `calc(50% + ${P}px)`, X ? (M.style.bottom = "", M.style.top = "-5px", M.style.borderRight = "", M.style.borderBottom = "", M.style.borderLeft = "1px solid rgba(15,23,42,.06)", M.style.borderTop = "1px solid rgba(15,23,42,.06)") : (M.style.top = "", M.style.bottom = "-5px", M.style.borderLeft = "", M.style.borderTop = "", M.style.borderRight = "1px solid rgba(15,23,42,.06)", M.style.borderBottom = "1px solid rgba(15,23,42,.06)");
+      }
+      S.style.visibility = "visible";
     }
-    const I = R(() => ({
+    const W = R(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
       interaction: { intersect: !1, mode: "index" },
       layout: {
-        padding: { top: 12, right: 0, bottom: 0, left: 0 }
+        padding: { top: 0, right: 0, bottom: 0, left: 0 }
       },
       plugins: {
         legend: { display: !1 },
         tooltip: {
           enabled: !1,
-          external: O,
+          external: I,
           callbacks: {
-            title: (v) => {
+            title: (m) => {
               var r;
-              return ((r = v[0]) == null ? void 0 : r.label) ?? "";
+              return ((r = m[0]) == null ? void 0 : r.label) ?? "";
             },
-            label: (v) => x(v.parsed.y)
+            label: (m) => v(m.parsed.y)
           }
         }
       },
       scales: {
         x: {
+          display: !0,
+          afterFit: (m) => {
+            m.paddingLeft = 0, m.paddingRight = 0;
+          },
           grid: { display: !1, drawBorder: !1 },
           border: { display: !1 },
-          ticks: { color: e.value.muted, font: { size: 11, family: "'Inter', sans-serif" }, padding: 8 }
+          ticks: {
+            color: e.value.muted,
+            font: { size: 10, family: "'Inter', sans-serif" },
+            padding: 8,
+            align: "inner"
+          }
         },
         y: {
           display: !1,
@@ -380,107 +394,107 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         }
       }
     }));
-    function J() {
+    function Q() {
       d("botaoAcao");
     }
-    return (v, r) => (l(), n("div", {
+    return (m, r) => (l(), n("div", {
       ref_key: "cardRef",
       ref: z,
-      class: et(["card-linhas p-4", w.value]),
-      style: u(o(A))
+      class: at(["card-linhas p-4 flex", E.value]),
+      style: u(o(w))
     }, [
-      f("div", Ut, [
-        f("div", Gt, [
-          v.$slots.legenda || t.legenda || v.$slots.sublegenda || t.sublegenda ? (l(), n("div", Zt, [
-            v.$slots.legenda || t.legenda ? (l(), n("div", {
+      p("div", Ut, [
+        p("div", Gt, [
+          m.$slots.legenda || t.legenda || m.$slots.sublegenda || t.sublegenda ? (l(), n("div", Zt, [
+            m.$slots.legenda || t.legenda ? (l(), n("div", {
               key: 0,
-              class: "text-sm font-medium",
+              class: "text-xs font-medium",
               style: u({ color: o(e).text, opacity: 0.85 })
             }, [
-              S(v.$slots, "legenda", {}, () => [
-                V(h(t.legenda), 1)
+              k(m.$slots, "legenda", {}, () => [
+                j(x(t.legenda), 1)
               ], !0)
             ], 4)) : i("", !0),
-            v.$slots.sublegenda || t.sublegenda ? (l(), n("div", {
+            m.$slots.sublegenda || t.sublegenda ? (l(), n("div", {
               key: 1,
               class: "text-xs",
               style: u({ color: o(e).muted })
             }, [
-              S(v.$slots, "sublegenda", {}, () => [
-                V(h(t.sublegenda), 1)
+              k(m.$slots, "sublegenda", {}, () => [
+                j(x(t.sublegenda), 1)
               ], !0)
             ], 4)) : i("", !0)
           ])) : i("", !0),
-          v.$slots.actions || t.botaoVisivel || t.exportar ? (l(), n("div", Kt, [
-            S(v.$slots, "actions", {}, () => [
+          m.$slots.actions || t.botaoVisivel || t.exportar ? (l(), n("div", Kt, [
+            k(m.$slots, "actions", {}, () => [
               t.botaoVisivel ? (l(), n("button", {
                 key: 0,
-                class: "card-linhas__btn",
-                style: u({ color: o(e).text, borderColor: o(L)(o(e).text, 0.18) }),
-                onClick: J
+                class: "card-linhas__btn inline-flex align-items-center",
+                style: u({ color: o(e).text, borderColor: o(V)(o(e).text, 0.18) }),
+                onClick: Q
               }, [
-                f("span", null, h(t.textoBotao), 1)
+                p("span", null, x(t.textoBotao), 1)
               ], 4)) : i("", !0)
             ], !0),
             t.exportar ? (l(), n("button", {
               key: 0,
               type: "button",
-              class: "card-linhas__exportar",
-              style: u({ color: o(e).muted, borderColor: o(L)(o(e).text, 0.18) }),
+              class: "card-linhas__exportar inline-flex align-items-center justify-content-center",
+              style: u({ color: o(e).muted, borderColor: o(V)(o(e).text, 0.18) }),
               title: "Exportar como imagem",
               "aria-label": "Exportar como imagem",
-              onClick: P,
-              innerHTML: o(H)
+              onClick: O,
+              innerHTML: o(D)
             }, null, 12, te)) : i("", !0)
           ])) : i("", !0)
         ]),
-        v.$slots.titulo || t.titulo || v.$slots.descricao || t.descricao ? (l(), n("div", ee, [
-          v.$slots.titulo || t.titulo ? (l(), n("div", {
+        m.$slots.titulo || t.titulo || m.$slots.descricao || t.descricao ? (l(), n("div", ee, [
+          m.$slots.titulo || t.titulo ? (l(), n("div", {
             key: 0,
-            class: "text-4xl font-semibold line-height-2",
-            style: u({ color: o(e).text })
+            class: "m-0 text-3xl font-semibold",
+            style: u({ color: o(e).text, lineHeight: "33px", letterSpacing: "-1px" })
           }, [
-            S(v.$slots, "titulo", {}, () => [
-              V(h(t.titulo), 1)
+            k(m.$slots, "titulo", {}, () => [
+              j(x(t.titulo), 1)
             ], !0)
           ], 4)) : i("", !0),
-          v.$slots.descricao || t.descricao ? (l(), n("div", {
+          m.$slots.descricao || t.descricao ? (l(), n("div", {
             key: 1,
             class: "text-sm mt-1",
             style: u({ color: o(e).muted })
           }, [
-            S(v.$slots, "descricao", {}, () => [
-              V(h(t.descricao), 1)
+            k(m.$slots, "descricao", {}, () => [
+              j(x(t.descricao), 1)
             ], !0)
           ], 4)) : i("", !0)
         ])) : i("", !0)
       ]),
-      f("div", ae, [
-        ct(at, {
+      p("div", ae, [
+        ct(ot, {
           type: "line",
           data: T.value,
-          options: I.value,
+          options: W.value,
           height: t.height
         }, null, 8, ["data", "options", "height"])
       ]),
-      v.$slots.footer ? (l(), n("div", oe, [
-        S(v.$slots, "footer", {}, void 0, !0)
+      m.$slots.footer ? (l(), n("div", oe, [
+        k(m.$slots, "footer", {}, void 0, !0)
       ])) : i("", !0)
     ], 6));
   }
-}, le = /* @__PURE__ */ Z(re, [["__scopeId", "data-v-5957ee17"]]), ne = { class: "card-pizza__topo" }, se = {
+}, le = /* @__PURE__ */ et(re, [["__scopeId", "data-v-2ab2b571"]]), ne = { class: "card-pizza__topo flex align-items-start justify-content-between gap-3" }, se = {
   key: 0,
-  class: "card-pizza__legendas"
+  class: "card-pizza__legendas flex flex-column"
 }, ie = {
   key: 1,
-  class: "card-pizza__actions"
-}, de = ["innerHTML"], ce = { class: "card-pizza__corpo" }, ue = { class: "card-pizza__tabela" }, pe = { class: "card-pizza__tabela-valor" }, fe = { class: "card-pizza__tabela-rotulo" }, ge = { class: "card-pizza__tabela-valor" }, ye = { class: "card-pizza__chart-wrap" }, me = { class: "card-pizza__chart" }, be = {
+  class: "card-pizza__actions inline-flex align-items-center gap-2"
+}, de = ["innerHTML"], ce = { class: "card-pizza__corpo flex align-items-center gap-4" }, ue = { class: "card-pizza__tabela flex flex-column" }, fe = { class: "card-pizza__tabela-valor" }, pe = { class: "card-pizza__tabela-rotulo inline-flex align-items-center gap-2" }, ge = { class: "card-pizza__tabela-valor" }, ye = { class: "card-pizza__chart-wrap flex align-items-center justify-content-center" }, me = { class: "card-pizza__chart" }, be = {
   key: 0,
-  class: "card-pizza__centro"
+  class: "card-pizza__centro flex flex-column align-items-center justify-content-center"
 }, he = {
   key: 0,
   class: "card-pizza__footer mt-3"
-}, ve = {
+}, xe = {
   __name: "CardPizza",
   props: {
     legenda: { type: String, default: null },
@@ -533,21 +547,21 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
   },
   emits: ["botaoAcao", "exportado"],
   setup(t, { emit: y }) {
-    const a = t, d = y, { palette: e, cardStyle: A } = ot(a), { formatar: x } = ut(a), z = G(null);
-    async function H() {
-      await rt(z.value, {
+    const a = t, d = y, { palette: e, cardStyle: w } = rt(a), { formatar: v } = ut(a), z = tt(null);
+    async function D() {
+      await lt(z.value, {
         nomeArquivo: a.nomeArquivoExport,
         corFundo: e.value.bg !== "transparent" ? e.value.bg : null
       }), d("exportado");
     }
-    const P = R(() => `card-pizza--${a.direcao}`), w = R(
+    const O = R(() => `card-pizza--${a.direcao}`), E = R(
       () => a.data.map((r, $) => a.cores[$ % a.cores.length])
     ), T = R(() => ({
       labels: a.data.map((r) => r.rotulo),
       datasets: [
         {
           data: a.data.map((r) => r.quantidade),
-          backgroundColor: w.value,
+          backgroundColor: E.value,
           borderWidth: 0,
           borderColor: "transparent",
           hoverOffset: 6,
@@ -556,24 +570,24 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         }
       ]
     }));
-    function O(r) {
-      const { chart: $, tooltip: k } = r, E = it($);
-      if (!E) return;
-      const c = ft(E);
-      if (k.opacity === 0) {
+    function I(r) {
+      const { chart: $, tooltip: B } = r, S = it($);
+      if (!S) return;
+      const c = pt(S);
+      if (B.opacity === 0) {
         c.style.opacity = "0";
         return;
       }
-      const N = k.title || [], F = k.dataPoints && k.dataPoints[0], Q = F ? w.value[F.dataIndex] : "#3B82F6", p = F ? x(F.parsed) : "", m = c.querySelector(".nc-tt__content");
-      m.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${N.join(" ")}</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 ${L(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;">${p}</span></div>`;
-      const { offsetLeft: s, offsetTop: b } = $.canvas;
+      const N = B.title || [], F = B.dataPoints && B.dataPoints[0], U = F ? E.value[F.dataIndex] : "#3B82F6", f = F ? v(F.parsed) : "", b = c.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;">${N.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${U};box-shadow:0 0 0 2px ${V(U, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${f}</span></div>`;
+      const { offsetLeft: s, offsetTop: h } = $.canvas;
       c.style.opacity = "1", c.style.visibility = "hidden", c.style.left = "0px", c.style.top = "0px";
-      const g = c.offsetWidth, D = c.offsetHeight, B = 4, q = dt(s + k.caretX, g, E.clientWidth, B);
-      let C = b + k.caretY;
-      const Y = D + 16 + B;
-      C < Y && (C = Y), c.style.left = q + "px", c.style.top = C + "px", c.style.visibility = "visible";
+      const g = c.offsetWidth, L = c.offsetHeight, C = 4, q = dt(s + B.caretX, g, S.clientWidth, C);
+      let A = h + B.caretY;
+      const X = L + 16 + C;
+      A < X && (A = X), c.style.left = q + "px", c.style.top = A + "px", c.style.visibility = "visible";
     }
-    const I = R(() => ({
+    const W = R(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
       cutout: a.cutout,
@@ -582,36 +596,36 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         legend: { display: !1 },
         tooltip: {
           enabled: !1,
-          external: O,
+          external: I,
           callbacks: {
             title: (r) => {
               var $;
               return (($ = r[0]) == null ? void 0 : $.label) ?? "";
             },
-            label: (r) => x(r.parsed)
+            label: (r) => v(r.parsed)
           }
         }
       }
     }));
-    function J() {
+    function Q() {
       d("botaoAcao");
     }
-    const v = lt;
+    const m = nt;
     return (r, $) => (l(), n("div", {
       ref_key: "cardRef",
       ref: z,
-      class: et(["card-pizza p-4", P.value]),
-      style: u(o(A))
+      class: at(["card-pizza p-4 flex flex-column", O.value]),
+      style: u(o(w))
     }, [
-      f("div", ne, [
+      p("div", ne, [
         r.$slots.legenda || t.legenda || r.$slots.sublegenda || t.sublegenda ? (l(), n("div", se, [
           r.$slots.legenda || t.legenda ? (l(), n("div", {
             key: 0,
-            class: "text-sm font-medium",
+            class: "text-xs font-medium",
             style: u({ color: o(e).text, opacity: 0.95 })
           }, [
-            S(r.$slots, "legenda", {}, () => [
-              V(h(t.legenda), 1)
+            k(r.$slots, "legenda", {}, () => [
+              j(x(t.legenda), 1)
             ], !0)
           ], 4)) : i("", !0),
           r.$slots.sublegenda || t.sublegenda ? (l(), n("div", {
@@ -619,75 +633,75 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
             class: "text-xs",
             style: u({ color: o(e).muted })
           }, [
-            S(r.$slots, "sublegenda", {}, () => [
-              V(h(t.sublegenda), 1)
+            k(r.$slots, "sublegenda", {}, () => [
+              j(x(t.sublegenda), 1)
             ], !0)
           ], 4)) : i("", !0)
         ])) : i("", !0),
         r.$slots.actions || t.botaoVisivel || t.exportar ? (l(), n("div", ie, [
-          S(r.$slots, "actions", {}, () => [
+          k(r.$slots, "actions", {}, () => [
             t.botaoVisivel ? (l(), n("button", {
               key: 0,
-              class: "card-pizza__btn",
-              style: u({ color: o(e).text, borderColor: o(L)(o(e).text, 0.18) }),
-              onClick: J
+              class: "card-pizza__btn inline-flex align-items-center",
+              style: u({ color: o(e).text, borderColor: o(V)(o(e).text, 0.18) }),
+              onClick: Q
             }, [
-              f("span", null, h(t.textoBotao), 1)
+              p("span", null, x(t.textoBotao), 1)
             ], 4)) : i("", !0)
           ], !0),
           t.exportar ? (l(), n("button", {
             key: 0,
             type: "button",
-            class: "card-pizza__exportar",
-            style: u({ color: o(e).muted, borderColor: o(L)(o(e).text, 0.18) }),
+            class: "card-pizza__exportar inline-flex align-items-center justify-content-center",
+            style: u({ color: o(e).muted, borderColor: o(V)(o(e).text, 0.18) }),
             title: "Exportar como imagem",
             "aria-label": "Exportar como imagem",
-            onClick: H,
-            innerHTML: o(v)
+            onClick: D,
+            innerHTML: o(m)
           }, null, 12, de)) : i("", !0)
         ])) : i("", !0)
       ]),
-      f("div", ce, [
-        f("div", ue, [
+      p("div", ce, [
+        p("div", ue, [
           t.mostrarCabecalho ? (l(), n("div", {
             key: 0,
-            class: "card-pizza__tabela-cab",
-            style: u({ color: o(e).muted, borderColor: o(L)(o(e).muted, 0.25) })
+            class: "card-pizza__tabela-cab flex align-items-center justify-content-between",
+            style: u({ color: o(e).muted, borderColor: o(V)(o(e).muted, 0.25) })
           }, [
-            f("span", null, h(t.rotuloCategoria), 1),
-            f("span", pe, h(t.rotuloQuantidade), 1)
+            p("span", null, x(t.rotuloCategoria), 1),
+            p("span", fe, x(t.rotuloQuantidade), 1)
           ], 4)) : i("", !0),
-          (l(!0), n(pt, null, gt(t.data, (k, E) => (l(), n("div", {
-            key: E,
-            class: "card-pizza__tabela-linha",
+          (l(!0), n(ft, null, gt(t.data, (B, S) => (l(), n("div", {
+            key: S,
+            class: "card-pizza__tabela-linha flex align-items-center justify-content-between",
             style: u({ color: o(e).text })
           }, [
-            f("span", fe, [
-              f("span", {
+            p("span", pe, [
+              p("span", {
                 class: "card-pizza__bolinha",
-                style: u({ background: w.value[E] })
+                style: u({ background: E.value[S] })
               }, null, 4),
-              f("span", null, h(k.rotulo), 1)
+              p("span", null, x(B.rotulo), 1)
             ]),
-            f("span", ge, h(o(x)(k.quantidade)), 1)
+            p("span", ge, x(o(v)(B.quantidade)), 1)
           ], 4))), 128))
         ]),
-        f("div", ye, [
-          f("div", me, [
-            ct(at, {
+        p("div", ye, [
+          p("div", me, [
+            ct(ot, {
               type: "doughnut",
               data: T.value,
-              options: I.value,
+              options: W.value,
               height: t.height
             }, null, 8, ["data", "options", "height"]),
             r.$slots.titulo || t.titulo || r.$slots.descricao || t.descricao ? (l(), n("div", be, [
               r.$slots.titulo || t.titulo ? (l(), n("div", {
                 key: 0,
-                class: "card-pizza__centro-titulo",
+                class: "card-pizza__centro-titulo m-0 font-semibold",
                 style: u({ color: o(e).text })
               }, [
-                S(r.$slots, "titulo", {}, () => [
-                  V(h(t.titulo), 1)
+                k(r.$slots, "titulo", {}, () => [
+                  j(x(t.titulo), 1)
                 ], !0)
               ], 4)) : i("", !0),
               r.$slots.descricao || t.descricao ? (l(), n("div", {
@@ -695,8 +709,8 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
                 class: "card-pizza__centro-desc",
                 style: u({ color: o(e).muted })
               }, [
-                S(r.$slots, "descricao", {}, () => [
-                  V(h(t.descricao), 1)
+                k(r.$slots, "descricao", {}, () => [
+                  j(x(t.descricao), 1)
                 ], !0)
               ], 4)) : i("", !0)
             ])) : i("", !0)
@@ -704,20 +718,20 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         ])
       ]),
       r.$slots.footer ? (l(), n("div", he, [
-        S(r.$slots, "footer", {}, void 0, !0)
+        k(r.$slots, "footer", {}, void 0, !0)
       ])) : i("", !0)
     ], 6));
   }
-}, xe = /* @__PURE__ */ Z(ve, [["__scopeId", "data-v-b1c30a0b"]]), $e = { class: "card-barra__header" }, Se = { class: "card-barra__topo" }, ke = {
+}, ve = /* @__PURE__ */ et(xe, [["__scopeId", "data-v-fd01f68b"]]), $e = { class: "card-barra__header flex flex-column" }, Se = { class: "card-barra__topo flex align-items-start justify-content-between gap-3" }, ke = {
   key: 0,
-  class: "card-barra__legendas"
+  class: "card-barra__legendas flex flex-column"
 }, Be = {
   key: 1,
-  class: "card-barra__actions"
+  class: "card-barra__actions inline-flex align-items-center gap-2"
 }, Ce = ["innerHTML"], Ae = {
   key: 0,
-  class: "card-barra__titulos mt-3 mb-2"
-}, Ee = { class: "card-barra__chart" }, we = {
+  class: "card-barra__titulos mt-3 mb-2 flex flex-column"
+}, we = { class: "card-barra__chart flex-1" }, Ee = {
   key: 0,
   class: "card-barra__footer mt-3"
 }, qe = {
@@ -786,61 +800,61 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
   },
   emits: ["botaoAcao", "exportado"],
   setup(t, { emit: y }) {
-    const a = t, d = y, { palette: e, cardStyle: A } = ot(a), { formatar: x } = ut(a), z = G(null), H = lt;
-    async function P() {
-      await rt(z.value, {
+    const a = t, d = y, { palette: e, cardStyle: w } = rt(a), { formatar: v } = ut(a), z = tt(null), D = nt;
+    async function O() {
+      await lt(z.value, {
         nomeArquivo: a.nomeArquivoExport,
         corFundo: e.value.bg !== "transparent" ? e.value.bg : null
       }), d("exportado");
     }
-    const w = R(() => `card-barra--${a.direcao}`), T = R(() => a.orientacao === "horizontal"), O = R(() => Array.isArray(a.series) && a.series.length > 0 ? a.series.map((p, m) => ({
-      nome: p.nome ?? `Série ${m + 1}`,
-      cor: p.cor || a.cores[m % a.cores.length],
-      dados: Array.isArray(p.dados) ? p.dados : []
-    })) : [{ nome: a.legenda || "Valores", cor: a.corDetalhes, dados: a.data }]), I = R(() => {
-      const p = O.value[0];
-      return p ? p.dados.map((m) => m.rotulo) : [];
-    }), J = R(() => {
-      const p = O.value, m = p.length - 1, s = typeof a.larguraBarra == "number" ? a.larguraBarra : Number(a.larguraBarra) || 0.6, b = a.raioBarra, g = T.value;
-      function D(B) {
-        if (!a.empilhado || p.length === 1) return b;
-        const q = B === 0, C = B === m;
+    const E = R(() => `card-barra--${a.direcao}`), T = R(() => a.orientacao === "horizontal"), I = R(() => Array.isArray(a.series) && a.series.length > 0 ? a.series.map((f, b) => ({
+      nome: f.nome ?? `Série ${b + 1}`,
+      cor: f.cor || a.cores[b % a.cores.length],
+      dados: Array.isArray(f.dados) ? f.dados : []
+    })) : [{ nome: a.legenda || "Valores", cor: a.corDetalhes, dados: a.data }]), W = R(() => {
+      const f = I.value[0];
+      return f ? f.dados.map((b) => b.rotulo) : [];
+    }), Q = R(() => {
+      const f = I.value, b = f.length - 1, s = typeof a.larguraBarra == "number" ? a.larguraBarra : Number(a.larguraBarra) || 0.6, h = a.raioBarra, g = T.value;
+      function L(C) {
+        if (!a.empilhado || f.length === 1) return h;
+        const q = C === 0, A = C === b;
         return g ? {
-          topLeft: q ? b : 0,
-          bottomLeft: q ? b : 0,
-          topRight: C ? b : 0,
-          bottomRight: C ? b : 0
+          topLeft: q ? h : 0,
+          bottomLeft: q ? h : 0,
+          topRight: A ? h : 0,
+          bottomRight: A ? h : 0
         } : {
-          bottomLeft: q ? b : 0,
-          bottomRight: q ? b : 0,
-          topLeft: C ? b : 0,
-          topRight: C ? b : 0
+          bottomLeft: q ? h : 0,
+          bottomRight: q ? h : 0,
+          topLeft: A ? h : 0,
+          topRight: A ? h : 0
         };
       }
       return {
-        labels: I.value,
-        datasets: p.map((B, q) => ({
-          label: B.nome,
-          data: B.dados.map((C) => C.quantidade),
-          backgroundColor: B.cor,
-          hoverBackgroundColor: B.cor,
+        labels: W.value,
+        datasets: f.map((C, q) => ({
+          label: C.nome,
+          data: C.dados.map((A) => A.quantidade),
+          backgroundColor: C.cor,
+          hoverBackgroundColor: C.cor,
           borderWidth: 0,
-          borderRadius: D(q),
+          borderRadius: L(q),
           borderSkipped: !1,
           categoryPercentage: 0.9,
           barPercentage: s
         }))
       };
     });
-    function v(p, m) {
-      m ? Object.assign(p.style, {
+    function m(f, b) {
+      b ? Object.assign(f.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(p.style, {
+      }) : Object.assign(f.style, {
         bottom: "-5px",
         top: "auto",
         borderRight: "1px solid rgba(15,23,42,.06)",
@@ -850,32 +864,32 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
       });
     }
     let r = null;
-    function $(p) {
-      const { chart: m, tooltip: s } = p, b = it(m);
-      if (!b) return;
-      const g = ft(b, { caretFlexivel: !0 });
+    function $(f) {
+      const { chart: b, tooltip: s } = f, h = it(b);
+      if (!h) return;
+      const g = pt(h, { caretFlexivel: !0 });
       if (s.opacity === 0 || r) {
         g.style.opacity = "0";
         return;
       }
-      const D = s.title || [], B = s.dataPoints || [], q = g.querySelector(".nc-tt__content"), C = B.map((st) => {
-        var vt;
-        const ht = ((vt = O.value[st.datasetIndex]) == null ? void 0 : vt.cor) || a.corDetalhes, At = x(T.value ? st.parsed.x : st.parsed.y), Et = st.dataset.label && O.value.length > 1 ? `<span style="font-size:11px;color:#64748B;margin-right:6px;">${st.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:${ht};box-shadow:0 0 0 2px ${L(ht, 0.15)};flex:0 0 auto;"></span>` + Et + `<span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;margin-left:auto;">${At}</span></div>`;
+      const L = s.title || [], C = s.dataPoints || [], q = g.querySelector(".nc-tt__content"), A = C.map((st) => {
+        var xt;
+        const ht = ((xt = I.value[st.datasetIndex]) == null ? void 0 : xt.cor) || a.corDetalhes, At = v(T.value ? st.parsed.x : st.parsed.y), wt = st.dataset.label && I.value.length > 1 ? `<span style="font-size:11px;color:#64748B;margin-right:6px;">${st.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:${ht};box-shadow:0 0 0 2px ${V(ht, 0.15)};flex:0 0 auto;"></span>` + wt + `<span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;margin-left:auto;">${At}</span></div>`;
       }).join("");
-      q.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${D.join(" ")}</div>` + C;
-      const { offsetLeft: Y, offsetTop: nt } = m.canvas;
+      q.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${L.join(" ")}</div>` + A;
+      const { offsetLeft: X, offsetTop: K } = b.canvas;
       g.style.opacity = "1", g.style.visibility = "hidden", g.style.left = "0px", g.style.top = "0px";
-      const K = g.offsetWidth, tt = g.offsetHeight, U = 4, W = Y + s.caretX, X = nt + s.caretY, j = dt(W, K, b.clientWidth, U), _ = K / 2, M = 14, yt = X - M - tt, mt = yt < U, kt = mt ? X + M : yt, bt = g.querySelector(".nc-tt__caret");
-      v(bt, mt);
-      const Bt = W - (j - _), Ct = Math.max(10, Math.min(K - 10, Bt));
-      bt.style.left = Ct + "px", g.style.left = j + "px", g.style.top = kt + "px", g.style.visibility = "visible";
+      const M = g.offsetWidth, Z = g.offsetHeight, G = 4, P = X + s.caretX, J = K + s.caretY, Y = dt(P, M, h.clientWidth, G), H = M / 2, _ = 14, yt = J - _ - Z, mt = yt < G, kt = mt ? J + _ : yt, bt = g.querySelector(".nc-tt__caret");
+      m(bt, mt);
+      const Bt = P - (Y - H), Ct = Math.max(10, Math.min(M - 10, Bt));
+      bt.style.left = Ct + "px", g.style.left = Y + "px", g.style.top = kt + "px", g.style.visibility = "visible";
     }
-    const k = R(() => {
-      const p = T.value, m = {
+    const B = R(() => {
+      const f = T.value, b = {
         grid: { display: !1, drawBorder: !1 },
         border: { display: !1 },
-        ticks: { color: e.value.muted, font: { size: 11, family: "'Inter', sans-serif" }, padding: 8 },
+        ticks: { color: e.value.muted, font: { size: 10, family: "'Inter', sans-serif" }, padding: 8 },
         stacked: a.empilhado
       }, s = {
         display: !1,
@@ -886,19 +900,19 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
       return {
         responsive: !0,
         maintainAspectRatio: !1,
-        indexAxis: p ? "y" : "x",
-        interaction: { intersect: !1, mode: "index", axis: p ? "y" : "x" },
+        indexAxis: f ? "y" : "x",
+        interaction: { intersect: !1, mode: "index", axis: f ? "y" : "x" },
         layout: {
           padding: {
-            top: c.value.length && !p ? 24 : 12,
-            right: p ? 12 : 0,
+            top: c.value.length && !f ? 24 : 12,
+            right: f ? 12 : 0,
             bottom: 0,
-            left: c.value.length && p ? 60 : 0
+            left: c.value.length && f ? 60 : 0
           }
         },
         plugins: {
           legend: {
-            display: a.mostrarLegendaSeries && O.value.length > 1,
+            display: a.mostrarLegendaSeries && I.value.length > 1,
             position: "bottom",
             align: "start",
             labels: {
@@ -907,7 +921,7 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
               boxHeight: 8,
               usePointStyle: !0,
               pointStyle: "circle",
-              font: { size: 11, family: "'Inter', sans-serif" },
+              font: { size: 10, family: "'Inter', sans-serif" },
               padding: 12
             }
           },
@@ -915,91 +929,91 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
             enabled: !1,
             external: $,
             callbacks: {
-              title: (b) => {
+              title: (h) => {
                 var g;
-                return ((g = b[0]) == null ? void 0 : g.label) ?? "";
+                return ((g = h[0]) == null ? void 0 : g.label) ?? "";
               },
-              label: (b) => x(p ? b.parsed.x : b.parsed.y)
+              label: (h) => v(f ? h.parsed.x : h.parsed.y)
             }
           }
         },
         scales: {
-          x: p ? s : m,
-          y: p ? m : s
+          x: f ? s : b,
+          y: f ? b : s
         }
       };
     });
-    function E() {
+    function S() {
       d("botaoAcao");
     }
-    const c = R(() => a.linhasReferencia ? (Array.isArray(a.linhasReferencia) ? a.linhasReferencia : [a.linhasReferencia]).filter((m) => m && (typeof m == "number" || typeof m.valor == "number")).map((m) => typeof m == "number" ? { valor: m, rotulo: null, cor: "#0F172A", corRotulo: "#0F172A", corTexto: "#FFFFFF", tracejado: [6, 6], espessura: 1 } : {
-      valor: m.valor,
-      rotulo: m.rotulo ?? null,
-      cor: m.cor || "#0F172A",
-      corRotulo: m.corRotulo || m.cor || "#0F172A",
-      corTexto: m.corTexto || "#FFFFFF",
-      tracejado: m.tracejado || [6, 6],
-      espessura: m.espessura ?? 1
+    const c = R(() => a.linhasReferencia ? (Array.isArray(a.linhasReferencia) ? a.linhasReferencia : [a.linhasReferencia]).filter((b) => b && (typeof b == "number" || typeof b.valor == "number")).map((b) => typeof b == "number" ? { valor: b, rotulo: null, cor: "#0F172A", corRotulo: "#0F172A", corTexto: "#FFFFFF", tracejado: [6, 6], espessura: 1 } : {
+      valor: b.valor,
+      rotulo: b.rotulo ?? null,
+      cor: b.cor || "#0F172A",
+      corRotulo: b.corRotulo || b.cor || "#0F172A",
+      corTexto: b.corTexto || "#FFFFFF",
+      tracejado: b.tracejado || [6, 6],
+      espessura: b.espessura ?? 1
     }) : []), N = [], F = {
       id: "linhaReferencia",
-      afterDatasetsDraw(p) {
-        const m = c.value;
-        if (N.length = 0, !m.length) return;
-        const { ctx: s, chartArea: b, scales: g } = p, D = T.value, B = D ? g.x : g.y;
-        B && m.forEach((q) => {
-          const C = B.getPixelForValue(q.valor);
-          if (N.push({ linha: q, pos: C, horizontal: D, chartArea: b }), s.save(), s.beginPath(), s.setLineDash(q.tracejado), s.lineWidth = q.espessura, s.strokeStyle = q.cor, D) {
-            if (C < b.left || C > b.right) {
+      afterDatasetsDraw(f) {
+        const b = c.value;
+        if (N.length = 0, !b.length) return;
+        const { ctx: s, chartArea: h, scales: g } = f, L = T.value, C = L ? g.x : g.y;
+        C && b.forEach((q) => {
+          const A = C.getPixelForValue(q.valor);
+          if (N.push({ linha: q, pos: A, horizontal: L, chartArea: h }), s.save(), s.beginPath(), s.setLineDash(q.tracejado), s.lineWidth = q.espessura, s.strokeStyle = q.cor, L) {
+            if (A < h.left || A > h.right) {
               s.restore();
               return;
             }
-            s.moveTo(C, b.top), s.lineTo(C, b.bottom);
+            s.moveTo(A, h.top), s.lineTo(A, h.bottom);
           } else {
-            if (C < b.top || C > b.bottom) {
+            if (A < h.top || A > h.bottom) {
               s.restore();
               return;
             }
-            s.moveTo(b.left, C), s.lineTo(b.right, C);
+            s.moveTo(h.left, A), s.lineTo(h.right, A);
           }
           if (s.stroke(), s.setLineDash([]), q.rotulo) {
             s.font = "600 11px 'Inter', sans-serif";
-            const Y = 8, nt = 5, tt = s.measureText(q.rotulo).width, U = 12, W = tt + Y * 2, X = U + nt * 2, j = X / 2;
-            let _, M;
-            D ? (_ = C - W / 2, M = b.top - X - 6, M < 0 && (M = b.top + 6)) : (_ = b.left - W - 6, M = C - X / 2, _ < 0 && (_ = b.left + 6)), s.fillStyle = q.corRotulo, s.beginPath(), s.roundRect ? s.roundRect(_, M, W, X, j) : (s.moveTo(_ + j, M), s.lineTo(_ + W - j, M), s.quadraticCurveTo(_ + W, M, _ + W, M + j), s.lineTo(_ + W, M + X - j), s.quadraticCurveTo(_ + W, M + X, _ + W - j, M + X), s.lineTo(_ + j, M + X), s.quadraticCurveTo(_, M + X, _, M + X - j), s.lineTo(_, M + j), s.quadraticCurveTo(_, M, _ + j, M)), s.fill(), s.fillStyle = q.corTexto, s.textBaseline = "middle", s.textAlign = "center", s.fillText(q.rotulo, _ + W / 2, M + X / 2);
+            const X = 8, K = 5, Z = s.measureText(q.rotulo).width, G = 12, P = Z + X * 2, J = G + K * 2, Y = J / 2;
+            let H, _;
+            L ? (H = A - P / 2, _ = h.top - J - 6, _ < 0 && (_ = h.top + 6)) : (H = h.left - P - 6, _ = A - J / 2, H < 0 && (H = h.left + 6)), s.fillStyle = q.corRotulo, s.beginPath(), s.roundRect ? s.roundRect(H, _, P, J, Y) : (s.moveTo(H + Y, _), s.lineTo(H + P - Y, _), s.quadraticCurveTo(H + P, _, H + P, _ + Y), s.lineTo(H + P, _ + J - Y), s.quadraticCurveTo(H + P, _ + J, H + P - Y, _ + J), s.lineTo(H + Y, _ + J), s.quadraticCurveTo(H, _ + J, H, _ + J - Y), s.lineTo(H, _ + Y), s.quadraticCurveTo(H, _, H + Y, _)), s.fill(), s.fillStyle = q.corTexto, s.textBaseline = "middle", s.textAlign = "center", s.fillText(q.rotulo, H + P / 2, _ + J / 2);
           }
           s.restore();
         });
       },
-      beforeEvent(p, m) {
+      beforeEvent(f, b) {
         if (!N.length) {
           r = null;
           return;
         }
-        const s = m.event;
+        const s = b.event;
         if (!s || s.type === "mouseout" || s.x == null || s.y == null) {
           r = null;
           return;
         }
-        const b = 8;
-        let g = null, D = 1 / 0;
-        for (const B of N) {
-          const q = B.horizontal ? Math.abs(s.x - B.pos) : Math.abs(s.y - B.pos), C = B.horizontal ? s.y >= B.chartArea.top && s.y <= B.chartArea.bottom : s.x >= B.chartArea.left && s.x <= B.chartArea.right;
-          q <= b && C && q < D && (D = q, g = B);
+        const h = 8;
+        let g = null, L = 1 / 0;
+        for (const C of N) {
+          const q = C.horizontal ? Math.abs(s.x - C.pos) : Math.abs(s.y - C.pos), A = C.horizontal ? s.y >= C.chartArea.top && s.y <= C.chartArea.bottom : s.x >= C.chartArea.left && s.x <= C.chartArea.right;
+          q <= h && A && q < L && (L = q, g = C);
         }
         r = g;
       },
-      afterEvent(p, m) {
+      afterEvent(f, b) {
         if (!N.length) return;
-        const s = m.event;
+        const s = b.event;
         if (!s) return;
-        const b = it(p);
-        if (!b) return;
-        let g = b.querySelector(".nc-tt-linhaRef");
+        const h = it(f);
+        if (!h) return;
+        let g = h.querySelector(".nc-tt-linhaRef");
         if (!r) {
           g && (g.style.opacity = "0");
           return;
         }
-        const D = r;
+        const L = r;
         g || (g = document.createElement("div"), g.className = "nc-tt-linhaRef", Object.assign(g.style, {
           position: "absolute",
           pointerEvents: "none",
@@ -1015,119 +1029,119 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           zIndex: "11",
           fontFamily: "'Inter', sans-serif",
           textAlign: "left"
-        }), b.appendChild(g));
-        const B = D.linha.cor || "#0F172A", q = x(D.linha.valor), C = D.linha.rotulo;
-        g.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:${B};box-shadow:0 0 0 2px ${L(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;">${q}</span></div>`;
-        const Y = p.canvas;
+        }), h.appendChild(g));
+        const C = L.linha.cor || "#0F172A", q = v(L.linha.valor), A = L.linha.rotulo;
+        g.innerHTML = (A ? `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${A}</div>` : "") + `<div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${C};box-shadow:0 0 0 2px ${V(C, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${q}</span></div>`;
+        const X = f.canvas;
         g.style.opacity = "1", g.style.visibility = "hidden", g.style.left = "0px", g.style.top = "0px";
-        const nt = g.offsetWidth, K = g.offsetHeight, tt = 4;
-        let U, W;
-        D.horizontal ? (U = Y.offsetLeft + D.pos, W = Y.offsetTop + s.y) : (U = Y.offsetLeft + s.x, W = Y.offsetTop + D.pos);
-        const X = dt(U, nt, b.clientWidth, tt);
-        let j = W;
-        const _ = K + 16 + tt;
-        j < _ && (j = _), g.style.left = X + "px", g.style.top = j + "px", g.style.visibility = "visible";
+        const K = g.offsetWidth, M = g.offsetHeight, Z = 4;
+        let G, P;
+        L.horizontal ? (G = X.offsetLeft + L.pos, P = X.offsetTop + s.y) : (G = X.offsetLeft + s.x, P = X.offsetTop + L.pos);
+        const J = dt(G, K, h.clientWidth, Z);
+        let Y = P;
+        const H = M + 16 + Z;
+        Y < H && (Y = H), g.style.left = J + "px", g.style.top = Y + "px", g.style.visibility = "visible";
       }
-    }, Q = R(() => c.value.length ? [F] : []);
-    return (p, m) => (l(), n("div", {
+    }, U = R(() => c.value.length ? [F] : []);
+    return (f, b) => (l(), n("div", {
       ref_key: "cardRef",
       ref: z,
-      class: et(["card-barra p-4", w.value]),
-      style: u(o(A))
+      class: at(["card-barra p-4 flex", E.value]),
+      style: u(o(w))
     }, [
-      f("div", $e, [
-        f("div", Se, [
-          p.$slots.legenda || t.legenda || p.$slots.sublegenda || t.sublegenda ? (l(), n("div", ke, [
-            p.$slots.legenda || t.legenda ? (l(), n("div", {
+      p("div", $e, [
+        p("div", Se, [
+          f.$slots.legenda || t.legenda || f.$slots.sublegenda || t.sublegenda ? (l(), n("div", ke, [
+            f.$slots.legenda || t.legenda ? (l(), n("div", {
               key: 0,
-              class: "text-sm font-medium",
+              class: "text-xs font-medium",
               style: u({ color: o(e).text, opacity: 0.85 })
             }, [
-              S(p.$slots, "legenda", {}, () => [
-                V(h(t.legenda), 1)
+              k(f.$slots, "legenda", {}, () => [
+                j(x(t.legenda), 1)
               ], !0)
             ], 4)) : i("", !0),
-            p.$slots.sublegenda || t.sublegenda ? (l(), n("div", {
+            f.$slots.sublegenda || t.sublegenda ? (l(), n("div", {
               key: 1,
               class: "text-xs",
               style: u({ color: o(e).muted })
             }, [
-              S(p.$slots, "sublegenda", {}, () => [
-                V(h(t.sublegenda), 1)
+              k(f.$slots, "sublegenda", {}, () => [
+                j(x(t.sublegenda), 1)
               ], !0)
             ], 4)) : i("", !0)
           ])) : i("", !0),
-          p.$slots.actions || t.botaoVisivel || t.exportar ? (l(), n("div", Be, [
-            S(p.$slots, "actions", {}, () => [
+          f.$slots.actions || t.botaoVisivel || t.exportar ? (l(), n("div", Be, [
+            k(f.$slots, "actions", {}, () => [
               t.botaoVisivel ? (l(), n("button", {
                 key: 0,
-                class: "card-barra__btn",
-                style: u({ color: o(e).text, borderColor: o(L)(o(e).text, 0.18) }),
-                onClick: E
+                class: "card-barra__btn inline-flex align-items-center",
+                style: u({ color: o(e).text, borderColor: o(V)(o(e).text, 0.18) }),
+                onClick: S
               }, [
-                f("span", null, h(t.textoBotao), 1)
+                p("span", null, x(t.textoBotao), 1)
               ], 4)) : i("", !0)
             ], !0),
             t.exportar ? (l(), n("button", {
               key: 0,
               type: "button",
-              class: "card-barra__exportar",
-              style: u({ color: o(e).muted, borderColor: o(L)(o(e).text, 0.18) }),
+              class: "card-barra__exportar inline-flex align-items-center justify-content-center",
+              style: u({ color: o(e).muted, borderColor: o(V)(o(e).text, 0.18) }),
               title: "Exportar como imagem",
               "aria-label": "Exportar como imagem",
-              onClick: P,
-              innerHTML: o(H)
+              onClick: O,
+              innerHTML: o(D)
             }, null, 12, Ce)) : i("", !0)
           ])) : i("", !0)
         ]),
-        p.$slots.titulo || t.titulo || p.$slots.descricao || t.descricao ? (l(), n("div", Ae, [
-          p.$slots.titulo || t.titulo ? (l(), n("div", {
+        f.$slots.titulo || t.titulo || f.$slots.descricao || t.descricao ? (l(), n("div", Ae, [
+          f.$slots.titulo || t.titulo ? (l(), n("div", {
             key: 0,
-            class: "text-4xl font-semibold line-height-2",
-            style: u({ color: o(e).text })
+            class: "m-0 text-3xl font-semibold",
+            style: u({ color: o(e).text, lineHeight: "33px", letterSpacing: "-1px" })
           }, [
-            S(p.$slots, "titulo", {}, () => [
-              V(h(t.titulo), 1)
+            k(f.$slots, "titulo", {}, () => [
+              j(x(t.titulo), 1)
             ], !0)
           ], 4)) : i("", !0),
-          p.$slots.descricao || t.descricao ? (l(), n("div", {
+          f.$slots.descricao || t.descricao ? (l(), n("div", {
             key: 1,
             class: "text-sm mt-1",
             style: u({ color: o(e).muted })
           }, [
-            S(p.$slots, "descricao", {}, () => [
-              V(h(t.descricao), 1)
+            k(f.$slots, "descricao", {}, () => [
+              j(x(t.descricao), 1)
             ], !0)
           ], 4)) : i("", !0)
         ])) : i("", !0)
       ]),
-      f("div", Ee, [
-        ct(at, {
+      p("div", we, [
+        ct(ot, {
           type: "bar",
-          data: J.value,
-          options: k.value,
-          plugins: Q.value,
+          data: Q.value,
+          options: B.value,
+          plugins: U.value,
           height: t.height
         }, null, 8, ["data", "options", "plugins", "height"])
       ]),
-      p.$slots.footer ? (l(), n("div", we, [
-        S(p.$slots, "footer", {}, void 0, !0)
+      f.$slots.footer ? (l(), n("div", Ee, [
+        k(f.$slots, "footer", {}, void 0, !0)
       ])) : i("", !0)
     ], 6));
   }
-}, Re = /* @__PURE__ */ Z(qe, [["__scopeId", "data-v-a2aca0e2"]]), ze = { class: "card-polar__topo" }, Fe = {
+}, Re = /* @__PURE__ */ et(qe, [["__scopeId", "data-v-e1f47bcc"]]), ze = { class: "card-polar__topo flex align-items-start justify-content-between gap-3" }, Fe = {
   key: 0,
-  class: "card-polar__legendas"
+  class: "card-polar__legendas flex flex-column"
 }, Te = {
   key: 1,
-  class: "card-polar__actions"
-}, Le = ["innerHTML"], Ve = { class: "card-polar__corpo" }, Ne = { class: "card-polar__tabela" }, De = { class: "card-polar__tabela-valor" }, _e = { class: "card-polar__tabela-rotulo" }, Me = { class: "card-polar__tabela-valor" }, He = { class: "card-polar__chart-wrap" }, Pe = { class: "card-polar__chart" }, Oe = {
+  class: "card-polar__actions inline-flex align-items-center gap-2"
+}, Le = ["innerHTML"], Ve = { class: "card-polar__corpo flex align-items-center gap-4" }, je = { class: "card-polar__tabela flex flex-column" }, Ne = { class: "card-polar__tabela-valor" }, He = { class: "card-polar__tabela-rotulo inline-flex align-items-center gap-2" }, _e = { class: "card-polar__tabela-valor" }, Me = { class: "card-polar__chart-wrap flex align-items-center justify-content-center" }, De = { class: "card-polar__chart" }, Pe = {
   key: 0,
   class: "card-polar__centro-bottom"
-}, Ie = {
+}, Oe = {
   key: 0,
   class: "card-polar__footer mt-3"
-}, We = {
+}, Ie = {
   __name: "CardPolar",
   props: {
     legenda: { type: String, default: null },
@@ -1180,16 +1194,16 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
   },
   emits: ["botaoAcao", "exportado"],
   setup(t, { emit: y }) {
-    const a = t, d = y, { palette: e, cardStyle: A } = ot(a), { formatar: x } = ut(a), z = G(null), H = lt;
-    async function P() {
-      await rt(z.value, {
+    const a = t, d = y, { palette: e, cardStyle: w } = rt(a), { formatar: v } = ut(a), z = tt(null), D = nt;
+    async function O() {
+      await lt(z.value, {
         nomeArquivo: a.nomeArquivoExport,
         corFundo: e.value.bg !== "transparent" ? e.value.bg : null
       }), d("exportado");
     }
-    const w = R(() => `card-polar--${a.direcao}`), T = R(
+    const E = R(() => `card-polar--${a.direcao}`), T = R(
       () => a.data.map((r, $) => a.cores[$ % a.cores.length])
-    ), O = R(() => ({
+    ), I = R(() => ({
       labels: a.data.map((r) => r.rotulo),
       datasets: [
         {
@@ -1201,24 +1215,24 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         }
       ]
     }));
-    function I(r) {
-      const { chart: $, tooltip: k } = r, E = it($);
-      if (!E) return;
-      const c = ft(E);
-      if (k.opacity === 0) {
+    function W(r) {
+      const { chart: $, tooltip: B } = r, S = it($);
+      if (!S) return;
+      const c = pt(S);
+      if (B.opacity === 0) {
         c.style.opacity = "0";
         return;
       }
-      const N = k.title || [], F = k.dataPoints && k.dataPoints[0], Q = F ? T.value[F.dataIndex] : "#3B82F6", p = F ? x(F.parsed.r ?? F.parsed) : "", m = c.querySelector(".nc-tt__content");
-      m.innerHTML = `<div style="font-size:9px;font-weight:500;color:#94A3B8;letter-spacing:.04em;text-transform:uppercase;line-height:1;margin-bottom:4px;">${N.join(" ")}</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 ${L(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;">${p}</span></div>`;
-      const { offsetLeft: s, offsetTop: b } = $.canvas;
+      const N = B.title || [], F = B.dataPoints && B.dataPoints[0], U = F ? T.value[F.dataIndex] : "#3B82F6", f = F ? v(F.parsed.r ?? F.parsed) : "", b = c.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;">${N.join(" ")}</div><div style="display:flex;align-items:center;gap:6px;"><span style="width:6px;height:6px;border-radius:999px;background:${U};box-shadow:0 0 0 2px ${V(U, 0.15)};flex:0 0 auto;"></span><span style="font-size:12px;font-weight:700;color:#0F172A;letter-spacing:-.01em;line-height:1.1;">${f}</span></div>`;
+      const { offsetLeft: s, offsetTop: h } = $.canvas;
       c.style.opacity = "1", c.style.visibility = "hidden", c.style.left = "0px", c.style.top = "0px";
-      const g = c.offsetWidth, D = c.offsetHeight, B = 4, q = dt(s + k.caretX, g, E.clientWidth, B);
-      let C = b + k.caretY;
-      const Y = D + 16 + B;
-      C < Y && (C = Y), c.style.left = q + "px", c.style.top = C + "px", c.style.visibility = "visible";
+      const g = c.offsetWidth, L = c.offsetHeight, C = 4, q = dt(s + B.caretX, g, S.clientWidth, C);
+      let A = h + B.caretY;
+      const X = L + 16 + C;
+      A < X && (A = X), c.style.left = q + "px", c.style.top = A + "px", c.style.visibility = "visible";
     }
-    const J = R(() => ({
+    const Q = R(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
       layout: { padding: 4 },
@@ -1228,11 +1242,11 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           ticks: { display: !1, backdropColor: "transparent" },
           grid: {
             display: a.mostrarLinhasGrade,
-            color: L(e.value.muted, 0.18)
+            color: V(e.value.muted, 0.18)
           },
           angleLines: {
             display: a.mostrarLinhasGrade,
-            color: L(e.value.muted, 0.18)
+            color: V(e.value.muted, 0.18)
           },
           pointLabels: { display: !1 }
         }
@@ -1241,7 +1255,7 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         legend: { display: !1 },
         tooltip: {
           enabled: !1,
-          external: I,
+          external: W,
           callbacks: {
             title: (r) => {
               var $;
@@ -1249,30 +1263,30 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
             },
             label: (r) => {
               var $;
-              return x((($ = r.parsed) == null ? void 0 : $.r) ?? r.parsed);
+              return v((($ = r.parsed) == null ? void 0 : $.r) ?? r.parsed);
             }
           }
         }
       }
     }));
-    function v() {
+    function m() {
       d("botaoAcao");
     }
     return (r, $) => (l(), n("div", {
       ref_key: "cardRef",
       ref: z,
-      class: et(["card-polar p-4", w.value]),
-      style: u(o(A))
+      class: at(["card-polar p-4 flex flex-column", E.value]),
+      style: u(o(w))
     }, [
-      f("div", ze, [
+      p("div", ze, [
         r.$slots.legenda || t.legenda || r.$slots.sublegenda || t.sublegenda ? (l(), n("div", Fe, [
           r.$slots.legenda || t.legenda ? (l(), n("div", {
             key: 0,
-            class: "text-sm font-medium",
+            class: "text-xs font-medium",
             style: u({ color: o(e).text, opacity: 0.95 })
           }, [
-            S(r.$slots, "legenda", {}, () => [
-              V(h(t.legenda), 1)
+            k(r.$slots, "legenda", {}, () => [
+              j(x(t.legenda), 1)
             ], !0)
           ], 4)) : i("", !0),
           r.$slots.sublegenda || t.sublegenda ? (l(), n("div", {
@@ -1280,75 +1294,75 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
             class: "text-xs",
             style: u({ color: o(e).muted })
           }, [
-            S(r.$slots, "sublegenda", {}, () => [
-              V(h(t.sublegenda), 1)
+            k(r.$slots, "sublegenda", {}, () => [
+              j(x(t.sublegenda), 1)
             ], !0)
           ], 4)) : i("", !0)
         ])) : i("", !0),
         r.$slots.actions || t.botaoVisivel || t.exportar ? (l(), n("div", Te, [
-          S(r.$slots, "actions", {}, () => [
+          k(r.$slots, "actions", {}, () => [
             t.botaoVisivel ? (l(), n("button", {
               key: 0,
-              class: "card-polar__btn",
-              style: u({ color: o(e).text, borderColor: o(L)(o(e).text, 0.18) }),
-              onClick: v
+              class: "card-polar__btn inline-flex align-items-center",
+              style: u({ color: o(e).text, borderColor: o(V)(o(e).text, 0.18) }),
+              onClick: m
             }, [
-              f("span", null, h(t.textoBotao), 1)
+              p("span", null, x(t.textoBotao), 1)
             ], 4)) : i("", !0)
           ], !0),
           t.exportar ? (l(), n("button", {
             key: 0,
             type: "button",
-            class: "card-polar__exportar",
-            style: u({ color: o(e).muted, borderColor: o(L)(o(e).text, 0.18) }),
+            class: "card-polar__exportar inline-flex align-items-center justify-content-center",
+            style: u({ color: o(e).muted, borderColor: o(V)(o(e).text, 0.18) }),
             title: "Exportar como imagem",
             "aria-label": "Exportar como imagem",
-            onClick: P,
-            innerHTML: o(H)
+            onClick: O,
+            innerHTML: o(D)
           }, null, 12, Le)) : i("", !0)
         ])) : i("", !0)
       ]),
-      f("div", Ve, [
-        f("div", Ne, [
+      p("div", Ve, [
+        p("div", je, [
           t.mostrarCabecalho ? (l(), n("div", {
             key: 0,
-            class: "card-polar__tabela-cab",
-            style: u({ color: o(e).muted, borderColor: o(L)(o(e).muted, 0.25) })
+            class: "card-polar__tabela-cab flex align-items-center justify-content-between",
+            style: u({ color: o(e).muted, borderColor: o(V)(o(e).muted, 0.25) })
           }, [
-            f("span", null, h(t.rotuloCategoria), 1),
-            f("span", De, h(t.rotuloQuantidade), 1)
+            p("span", null, x(t.rotuloCategoria), 1),
+            p("span", Ne, x(t.rotuloQuantidade), 1)
           ], 4)) : i("", !0),
-          (l(!0), n(pt, null, gt(t.data, (k, E) => (l(), n("div", {
-            key: E,
-            class: "card-polar__tabela-linha",
+          (l(!0), n(ft, null, gt(t.data, (B, S) => (l(), n("div", {
+            key: S,
+            class: "card-polar__tabela-linha flex align-items-center justify-content-between",
             style: u({ color: o(e).text })
           }, [
-            f("span", _e, [
-              f("span", {
+            p("span", He, [
+              p("span", {
                 class: "card-polar__bolinha",
-                style: u({ background: T.value[E] })
+                style: u({ background: T.value[S] })
               }, null, 4),
-              f("span", null, h(k.rotulo), 1)
+              p("span", null, x(B.rotulo), 1)
             ]),
-            f("span", Me, h(o(x)(k.quantidade)), 1)
+            p("span", _e, x(o(v)(B.quantidade)), 1)
           ], 4))), 128))
         ]),
-        f("div", He, [
-          f("div", Pe, [
-            ct(at, {
+        p("div", Me, [
+          p("div", De, [
+            ct(ot, {
               type: "polarArea",
-              data: O.value,
-              options: J.value,
+              data: I.value,
+              options: Q.value,
               height: t.height
             }, null, 8, ["data", "options", "height"]),
-            r.$slots.titulo || t.titulo || r.$slots.descricao || t.descricao ? (l(), n("div", Oe, [
+            r.$slots.titulo || t.titulo || r.$slots.descricao || t.descricao ? (l(), n("div", Pe, [
               r.$slots.titulo || t.titulo ? (l(), n("div", {
                 key: 0,
-                class: "card-polar__centro-titulo",
-                style: u({ color: o(e).text })
+                class: "card-polar__centro-titulo m-0 text-3xl font-semibold",
+                style: u({ color: o(e).text, lineHeight: "33px", letterSpacing: "-1px" })
               }, [
-                S(r.$slots, "titulo", {}, () => [
-                  V(h(t.titulo), 1)
+                k(r.$slots, "titulo", {}, () => [
+                  j(x(t.titulo), 1)
                 ], !0)
               ], 4)) : i("", !0),
               r.$slots.descricao || t.descricao ? (l(), n("div", {
@@ -1356,32 +1370,32 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
                 class: "card-polar__centro-desc",
                 style: u({ color: o(e).muted })
               }, [
-                S(r.$slots, "descricao", {}, () => [
-                  V(h(t.descricao), 1)
+                k(r.$slots, "descricao", {}, () => [
+                  j(x(t.descricao), 1)
                 ], !0)
               ], 4)) : i("", !0)
             ])) : i("", !0)
           ])
         ])
       ]),
-      r.$slots.footer ? (l(), n("div", Ie, [
-        S(r.$slots, "footer", {}, void 0, !0)
+      r.$slots.footer ? (l(), n("div", Oe, [
+        k(r.$slots, "footer", {}, void 0, !0)
       ])) : i("", !0)
     ], 6));
   }
-}, je = /* @__PURE__ */ Z(We, [["__scopeId", "data-v-76970135"]]), Xe = { class: "card-progresso__topo" }, Je = {
+}, We = /* @__PURE__ */ et(Ie, [["__scopeId", "data-v-32e940e9"]]), Xe = { class: "card-progresso__topo flex align-items-start justify-content-between gap-3" }, Ye = {
   key: 0,
-  class: "card-progresso__legendas"
-}, Qe = {
+  class: "card-progresso__legendas flex flex-column"
+}, Je = {
   key: 1,
-  class: "card-progresso__actions"
-}, Ye = ["innerHTML"], Ue = {
+  class: "card-progresso__actions inline-flex align-items-center gap-2"
+}, Qe = ["innerHTML"], Ue = {
   key: 0,
-  class: "card-progresso__titulos mt-3 mb-2"
-}, Ge = { class: "card-progresso__corpo" }, Ze = {
+  class: "card-progresso__titulos mt-3 mb-2 flex flex-column"
+}, Ge = { class: "card-progresso__corpo flex align-items-center gap-4 flex-wrap" }, Ze = {
   key: 0,
-  class: "card-progresso__chart-wrap"
-}, Ke = { class: "card-progresso__chart" }, ta = { class: "card-progresso__centro" }, ea = { class: "card-progresso__lista" }, aa = { class: "card-progresso__item-cab" }, oa = {
+  class: "card-progresso__chart-wrap flex align-items-center justify-content-center"
+}, Ke = { class: "card-progresso__chart" }, ta = { class: "card-progresso__centro flex flex-column align-items-center justify-content-center" }, ea = { class: "card-progresso__lista flex flex-column" }, aa = { class: "card-progresso__item-cab flex align-items-center justify-content-between" }, oa = {
   key: 1,
   class: "card-progresso__footer mt-3"
 }, ra = {
@@ -1442,30 +1456,30 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
   },
   emits: ["botaoAcao", "exportado"],
   setup(t, { emit: y }) {
-    const a = t, d = y, { palette: e, cardStyle: A } = ot(a), { formatar: x } = ut(a), z = G(null), H = lt;
-    async function P() {
-      await rt(z.value, {
+    const a = t, d = y, { palette: e, cardStyle: w } = rt(a), { formatar: v } = ut(a), z = tt(null), D = nt;
+    async function O() {
+      await lt(z.value, {
         nomeArquivo: a.nomeArquivoExport,
         corFundo: e.value.bg !== "transparent" ? e.value.bg : null
       }), d("exportado");
     }
-    const w = R(() => `card-progresso--${a.direcao}`), T = R(
+    const E = R(() => `card-progresso--${a.direcao}`), T = R(
       () => a.data.map((c, N) => {
-        const F = Number(c.meta ?? a.metaPadrao) || 0, Q = Number(c.quantidade) || 0, p = c.cor || a.cores[N % a.cores.length], m = F > 0 ? Math.max(0, Math.min(100, Q / F * 100)) : 0;
-        return { rotulo: c.rotulo, quantidade: Q, meta: F, cor: p, percentual: m };
+        const F = Number(c.meta ?? a.metaPadrao) || 0, U = Number(c.quantidade) || 0, f = c.cor || a.cores[N % a.cores.length], b = F > 0 ? Math.max(0, Math.min(100, U / F * 100)) : 0;
+        return { rotulo: c.rotulo, quantidade: U, meta: F, cor: f, percentual: b };
       })
-    ), O = R(
-      () => typeof a.alturaBarra == "number" ? `${a.alturaBarra}px` : a.alturaBarra
     ), I = R(
+      () => typeof a.alturaBarra == "number" ? `${a.alturaBarra}px` : a.alturaBarra
+    ), W = R(
       () => typeof a.raioBarra == "number" ? `${a.raioBarra}px` : a.raioBarra
-    ), J = R(() => T.value.reduce((c, N) => c + N.quantidade, 0)), v = R(() => T.value.reduce((c, N) => c + N.meta, 0)), r = R(() => v.value <= 0 ? 0 : Math.max(0, Math.min(100, J.value / v.value * 100))), $ = R(() => {
+    ), Q = R(() => T.value.reduce((c, N) => c + N.quantidade, 0)), m = R(() => T.value.reduce((c, N) => c + N.meta, 0)), r = R(() => m.value <= 0 ? 0 : Math.max(0, Math.min(100, Q.value / m.value * 100))), $ = R(() => {
       const c = Math.max(0, 100 - r.value), N = a.corDetalhes;
       return {
         labels: ["Progresso", "Restante"],
         datasets: [
           {
             data: [r.value, c],
-            backgroundColor: [N, L(e.value.muted, 0.15)],
+            backgroundColor: [N, V(e.value.muted, 0.15)],
             borderWidth: 0,
             borderColor: "transparent",
             hoverOffset: 0,
@@ -1473,7 +1487,7 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           }
         ]
       };
-    }), k = R(() => ({
+    }), B = R(() => ({
       responsive: !0,
       maintainAspectRatio: !1,
       cutout: a.cutout,
@@ -1485,24 +1499,24 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
         tooltip: { enabled: !1 }
       }
     }));
-    function E() {
+    function S() {
       d("botaoAcao");
     }
     return (c, N) => (l(), n("div", {
       ref_key: "cardRef",
       ref: z,
-      class: et(["card-progresso p-4", w.value]),
-      style: u(o(A))
+      class: at(["card-progresso p-4 flex flex-column", E.value]),
+      style: u(o(w))
     }, [
-      f("div", Xe, [
-        c.$slots.legenda || t.legenda || c.$slots.sublegenda || t.sublegenda ? (l(), n("div", Je, [
+      p("div", Xe, [
+        c.$slots.legenda || t.legenda || c.$slots.sublegenda || t.sublegenda ? (l(), n("div", Ye, [
           c.$slots.legenda || t.legenda ? (l(), n("div", {
             key: 0,
-            class: "text-sm font-medium",
+            class: "text-xs font-medium",
             style: u({ color: o(e).text, opacity: 0.95 })
           }, [
-            S(c.$slots, "legenda", {}, () => [
-              V(h(t.legenda), 1)
+            k(c.$slots, "legenda", {}, () => [
+              j(x(t.legenda), 1)
             ], !0)
           ], 4)) : i("", !0),
           c.$slots.sublegenda || t.sublegenda ? (l(), n("div", {
@@ -1510,42 +1524,42 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
             class: "text-xs",
             style: u({ color: o(e).muted })
           }, [
-            S(c.$slots, "sublegenda", {}, () => [
-              V(h(t.sublegenda), 1)
+            k(c.$slots, "sublegenda", {}, () => [
+              j(x(t.sublegenda), 1)
             ], !0)
           ], 4)) : i("", !0)
         ])) : i("", !0),
-        c.$slots.actions || t.botaoVisivel || t.exportar ? (l(), n("div", Qe, [
-          S(c.$slots, "actions", {}, () => [
+        c.$slots.actions || t.botaoVisivel || t.exportar ? (l(), n("div", Je, [
+          k(c.$slots, "actions", {}, () => [
             t.botaoVisivel ? (l(), n("button", {
               key: 0,
-              class: "card-progresso__btn",
-              style: u({ color: o(e).text, borderColor: o(L)(o(e).text, 0.18) }),
-              onClick: E
+              class: "card-progresso__btn inline-flex align-items-center",
+              style: u({ color: o(e).text, borderColor: o(V)(o(e).text, 0.18) }),
+              onClick: S
             }, [
-              f("span", null, h(t.textoBotao), 1)
+              p("span", null, x(t.textoBotao), 1)
             ], 4)) : i("", !0)
           ], !0),
           t.exportar ? (l(), n("button", {
             key: 0,
             type: "button",
-            class: "card-progresso__exportar",
-            style: u({ color: o(e).muted, borderColor: o(L)(o(e).text, 0.18) }),
+            class: "card-progresso__exportar inline-flex align-items-center justify-content-center",
+            style: u({ color: o(e).muted, borderColor: o(V)(o(e).text, 0.18) }),
             title: "Exportar como imagem",
             "aria-label": "Exportar como imagem",
-            onClick: P,
-            innerHTML: o(H)
-          }, null, 12, Ye)) : i("", !0)
+            onClick: O,
+            innerHTML: o(D)
+          }, null, 12, Qe)) : i("", !0)
         ])) : i("", !0)
       ]),
       c.$slots.titulo || t.titulo || c.$slots.descricao || t.descricao ? (l(), n("div", Ue, [
         c.$slots.titulo || t.titulo ? (l(), n("div", {
           key: 0,
-          class: "text-4xl font-semibold line-height-2",
-          style: u({ color: o(e).text })
+          class: "m-0 text-3xl font-semibold",
+          style: u({ color: o(e).text, lineHeight: "33px", letterSpacing: "-1px" })
         }, [
-          S(c.$slots, "titulo", {}, () => [
-            V(h(t.titulo), 1)
+          k(c.$slots, "titulo", {}, () => [
+            j(x(t.titulo), 1)
           ], !0)
         ], 4)) : i("", !0),
         c.$slots.descricao || t.descricao ? (l(), n("div", {
@@ -1553,97 +1567,97 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
           class: "text-sm mt-1",
           style: u({ color: o(e).muted })
         }, [
-          S(c.$slots, "descricao", {}, () => [
-            V(h(t.descricao), 1)
+          k(c.$slots, "descricao", {}, () => [
+            j(x(t.descricao), 1)
           ], !0)
         ], 4)) : i("", !0)
       ])) : i("", !0),
-      f("div", Ge, [
+      p("div", Ge, [
         t.formato === "circular" ? (l(), n("div", Ze, [
-          f("div", Ke, [
-            ct(at, {
+          p("div", Ke, [
+            ct(ot, {
               type: "doughnut",
               data: $.value,
-              options: k.value,
+              options: B.value,
               height: t.height
             }, null, 8, ["data", "options", "height"]),
-            f("div", ta, [
-              f("div", {
+            p("div", ta, [
+              p("div", {
                 class: "card-progresso__centro-valor",
                 style: u({ color: o(e).text })
-              }, h(Math.round(r.value)) + "% ", 5),
-              f("div", {
+              }, x(Math.round(r.value)) + "% ", 5),
+              p("div", {
                 class: "card-progresso__centro-desc",
                 style: u({ color: o(e).muted })
-              }, h(o(x)(J.value)) + " / " + h(o(x)(v.value)), 5)
+              }, x(o(v)(Q.value)) + " / " + x(o(v)(m.value)), 5)
             ])
           ])
         ])) : i("", !0),
-        f("div", ea, [
-          (l(!0), n(pt, null, gt(T.value, (F, Q) => (l(), n("div", {
-            key: Q,
-            class: "card-progresso__item"
+        p("div", ea, [
+          (l(!0), n(ft, null, gt(T.value, (F, U) => (l(), n("div", {
+            key: U,
+            class: "card-progresso__item flex flex-column"
           }, [
-            f("div", aa, [
-              f("span", {
-                class: "card-progresso__item-rotulo",
+            p("div", aa, [
+              p("span", {
+                class: "card-progresso__item-rotulo inline-flex align-items-center gap-2",
                 style: u({ color: o(e).text })
               }, [
-                f("span", {
+                p("span", {
                   class: "card-progresso__bolinha",
                   style: u({ background: F.cor })
                 }, null, 4),
-                f("span", null, h(F.rotulo), 1)
+                p("span", null, x(F.rotulo), 1)
               ], 4),
               t.mostrarValor || t.mostrarPercentual ? (l(), n("span", {
                 key: 0,
-                class: "card-progresso__item-valor",
+                class: "card-progresso__item-valor inline-flex align-items-baseline gap-2",
                 style: u({ color: o(e).text })
               }, [
-                t.mostrarValor ? (l(), n(pt, { key: 0 }, [
-                  V(h(o(x)(F.quantidade)), 1),
+                t.mostrarValor ? (l(), n(ft, { key: 0 }, [
+                  j(x(o(v)(F.quantidade)), 1),
                   F.meta ? (l(), n("span", {
                     key: 0,
                     style: u({ color: o(e).muted })
-                  }, " / " + h(o(x)(F.meta)), 5)) : i("", !0)
+                  }, " / " + x(o(v)(F.meta)), 5)) : i("", !0)
                 ], 64)) : i("", !0),
                 t.mostrarPercentual ? (l(), n("span", {
                   key: 1,
                   class: "card-progresso__item-pct",
                   style: u({ color: o(e).muted })
-                }, h(Math.round(F.percentual)) + "% ", 5)) : i("", !0)
+                }, x(Math.round(F.percentual)) + "% ", 5)) : i("", !0)
               ], 4)) : i("", !0)
             ]),
-            f("div", {
-              class: "card-progresso__trilha",
-              style: u({ height: O.value, borderRadius: I.value, background: o(L)(o(e).muted, 0.15) })
+            p("div", {
+              class: "card-progresso__trilha w-full",
+              style: u({ height: I.value, borderRadius: W.value, background: o(V)(o(e).muted, 0.15) })
             }, [
-              f("div", {
+              p("div", {
                 class: "card-progresso__preenchimento",
-                style: u({ width: F.percentual + "%", background: F.cor, borderRadius: I.value })
+                style: u({ width: F.percentual + "%", background: F.cor, borderRadius: W.value })
               }, null, 4)
             ], 4)
           ]))), 128))
         ])
       ]),
       c.$slots.footer ? (l(), n("div", oa, [
-        S(c.$slots, "footer", {}, void 0, !0)
+        k(c.$slots, "footer", {}, void 0, !0)
       ])) : i("", !0)
     ], 6));
   }
-}, la = /* @__PURE__ */ Z(ra, [["__scopeId", "data-v-aa7e8576"]]), na = {
+}, la = /* @__PURE__ */ et(ra, [["__scopeId", "data-v-b5d915fb"]]), na = {
   key: 0,
   class: "card-base__topo"
-}, sa = ["innerHTML"], ia = { class: "card-base__legendas" }, da = {
+}, sa = ["innerHTML"], ia = { class: "card-base__legendas flex flex-column" }, da = {
   key: 1,
-  class: "card-base__titulos"
+  class: "card-base__titulos flex flex-column"
 }, ca = {
   key: 2,
-  class: "card-base__acao"
+  class: "card-base__acao flex"
 }, ua = {
   key: 3,
   class: "card-base__footer"
-}, pa = {
+}, fa = {
   __name: "CardBase",
   props: {
     legenda: { type: String, default: null },
@@ -1668,107 +1682,107 @@ const lt = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewB
   },
   emits: ["botaoAcao", "exportado"],
   setup(t, { emit: y }) {
-    const a = t, d = y, { palette: e, cardStyle: A } = ot(a), x = G(null), z = lt;
-    function H() {
+    const a = t, d = y, { palette: e, cardStyle: w } = rt(a), v = tt(null), z = nt;
+    function D() {
       d("botaoAcao");
     }
-    async function P() {
-      await rt(x.value, {
+    async function O() {
+      await lt(v.value, {
         nomeArquivo: a.nomeArquivoExport,
         corFundo: e.value.bg !== "transparent" ? e.value.bg : null
       }), d("exportado");
     }
-    return (w, T) => (l(), n("div", {
+    return (E, T) => (l(), n("div", {
       ref_key: "cardRef",
-      ref: x,
-      class: et(["card-base p-4", `card-base--${t.alinhamento}`]),
-      style: u(o(A))
+      ref: v,
+      class: at(["card-base p-4 flex flex-column", `card-base--${t.alinhamento}`]),
+      style: u(o(w))
     }, [
       t.exportar ? (l(), n("div", na, [
-        f("button", {
+        p("button", {
           type: "button",
-          class: "card-base__exportar",
-          style: u({ color: o(e).muted, borderColor: o(L)(o(e).text === "inherit" ? "#0F172A" : o(e).text, 0.18) }),
+          class: "card-base__exportar inline-flex align-items-center justify-content-center",
+          style: u({ color: o(e).muted, borderColor: o(V)(o(e).text === "inherit" ? "#0F172A" : o(e).text, 0.18) }),
           title: "Exportar como imagem",
           "aria-label": "Exportar como imagem",
-          onClick: P,
+          onClick: O,
           innerHTML: o(z)
         }, null, 12, sa)
       ])) : i("", !0),
-      f("div", ia, [
-        w.$slots.legenda || t.legenda ? (l(), n("div", {
+      p("div", ia, [
+        E.$slots.legenda || t.legenda ? (l(), n("div", {
           key: 0,
-          class: "card-base__legenda",
+          class: "card-base__legenda text-xs",
           style: u({ color: o(e).text })
         }, [
-          S(w.$slots, "legenda", {}, () => [
-            V(h(t.legenda), 1)
+          k(E.$slots, "legenda", {}, () => [
+            j(x(t.legenda), 1)
           ], !0)
         ], 4)) : i("", !0),
-        w.$slots.sublegenda || t.sublegenda ? (l(), n("div", {
+        E.$slots.sublegenda || t.sublegenda ? (l(), n("div", {
           key: 1,
-          class: "card-base__sublegenda",
+          class: "card-base__sublegenda text-xs",
           style: u({ color: o(e).muted })
         }, [
-          S(w.$slots, "sublegenda", {}, () => [
-            V(h(t.sublegenda), 1)
+          k(E.$slots, "sublegenda", {}, () => [
+            j(x(t.sublegenda), 1)
           ], !0)
         ], 4)) : i("", !0)
       ]),
-      w.$slots.titulo || t.titulo || w.$slots.descricao || t.descricao ? (l(), n("div", da, [
-        w.$slots.titulo || t.titulo ? (l(), n("div", {
+      E.$slots.titulo || t.titulo || E.$slots.descricao || t.descricao ? (l(), n("div", da, [
+        E.$slots.titulo || t.titulo ? (l(), n("div", {
           key: 0,
-          class: "card-base__titulo",
-          style: u({ color: o(e).text })
+          class: "card-base__titulo m-0 text-3xl font-semibold",
+          style: u({ color: o(e).text, lineHeight: "33px", letterSpacing: "-1px" })
         }, [
-          S(w.$slots, "titulo", {}, () => [
-            V(h(t.titulo), 1)
+          k(E.$slots, "titulo", {}, () => [
+            j(x(t.titulo), 1)
           ], !0)
         ], 4)) : i("", !0),
-        w.$slots.descricao || t.descricao ? (l(), n("div", {
+        E.$slots.descricao || t.descricao ? (l(), n("div", {
           key: 1,
           class: "card-base__descricao",
           style: u({ color: o(e).muted })
         }, [
-          S(w.$slots, "descricao", {}, () => [
-            V(h(t.descricao), 1)
+          k(E.$slots, "descricao", {}, () => [
+            j(x(t.descricao), 1)
           ], !0)
         ], 4)) : i("", !0)
       ])) : i("", !0),
-      w.$slots.acao || t.botaoVisivel ? (l(), n("div", ca, [
-        S(w.$slots, "acao", {}, () => [
+      E.$slots.acao || t.botaoVisivel ? (l(), n("div", ca, [
+        k(E.$slots, "acao", {}, () => [
           t.botaoVisivel ? (l(), n("button", {
             key: 0,
             type: "button",
-            class: "card-base__link",
+            class: "card-base__link text-xs inline-flex align-items-center",
             style: u({ color: o(e).text }),
-            onClick: H
+            onClick: D
           }, [
-            f("span", null, h(t.textoBotao), 1),
-            T[0] || (T[0] = f("span", {
+            p("span", null, x(t.textoBotao), 1),
+            T[0] || (T[0] = p("span", {
               class: "card-base__chevron",
               "aria-hidden": "true"
             }, "›", -1))
           ], 4)) : i("", !0)
         ], !0)
       ])) : i("", !0),
-      w.$slots.footer ? (l(), n("div", ua, [
-        S(w.$slots, "footer", {}, void 0, !0)
+      E.$slots.footer ? (l(), n("div", ua, [
+        k(E.$slots, "footer", {}, void 0, !0)
       ])) : i("", !0)
     ], 6));
   }
-}, fa = /* @__PURE__ */ Z(pa, [["__scopeId", "data-v-6ff630fc"]]), ma = {
+}, pa = /* @__PURE__ */ et(fa, [["__scopeId", "data-v-9a0b17f7"]]), ma = {
   install(t) {
-    t.component("ChartBase", at), t.component("CardBase", fa), t.component("CardLinhas", le), t.component("CardPizza", xe), t.component("CardBarra", Re), t.component("CardPolar", je), t.component("CardProgresso", la);
+    t.component("ChartBase", ot), t.component("CardBase", pa), t.component("CardLinhas", le), t.component("CardPizza", ve), t.component("CardBarra", Re), t.component("CardPolar", We), t.component("CardProgresso", la);
   }
 };
 export {
   Re as CardBarra,
-  fa as CardBase,
+  pa as CardBase,
   le as CardLinhas,
-  xe as CardPizza,
-  je as CardPolar,
+  ve as CardPizza,
+  We as CardPolar,
   la as CardProgresso,
-  at as ChartBase,
+  ot as ChartBase,
   ma as default
 };