@iclips/ui 1.3.26 → 1.3.27

package/dist/index.js

@@ -52351,17 +52351,17 @@ const S1 = [
 function JT(t) {
   return new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL" }).format(t);
 }
-function KT({ layout: t }) {
-  const e = [1, 2, 3].map((n) => /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
+function KT({ layout: t, chartSize: e }) {
+  const n = [1, 2, 3].map((r) => /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ f("div", { className: "w-2.5 h-2.5 rounded-full bg-muted shrink-0" }),
     /* @__PURE__ */ f("div", { className: "h-3 bg-muted rounded flex-1" })
-  ] }, n));
+  ] }, r));
   return t === "horizontal" ? /* @__PURE__ */ b("div", { className: "flex items-center gap-6 w-full animate-pulse", children: [
-    /* @__PURE__ */ f("div", { className: "rounded-full bg-muted shrink-0", style: { width: 144, height: 144 } }),
-    /* @__PURE__ */ f("div", { className: "flex flex-col gap-2 flex-1", children: e })
+    /* @__PURE__ */ f("div", { className: "rounded-full bg-muted shrink-0", style: { width: e, height: e } }),
+    /* @__PURE__ */ f("div", { className: "flex flex-col gap-2 flex-1", children: n })
   ] }) : /* @__PURE__ */ b("div", { className: "flex flex-col items-center justify-center w-full animate-pulse gap-4", children: [
     /* @__PURE__ */ f("div", { className: "rounded-full bg-muted", style: { width: 140, height: 140 } }),
-    /* @__PURE__ */ f("div", { className: "flex flex-col gap-2 w-full max-w-50", children: e })
+    /* @__PURE__ */ f("div", { className: "flex flex-col gap-2 w-full max-w-50", children: n })
   ] });
 }
 function qT() {
@@ -52519,47 +52519,48 @@ function SR({
   className: r,
   isLoading: i = !1,
   layout: a = "vertical",
-  activeLabel: o = !1
+  activeLabel: o = !1,
+  chartSize: s
 }) {
-  const [s, l] = I.useState(null), c = I.useMemo(() => t.reduce((g, w) => g + w.value, 0), [t]), d = I.useMemo(
-    () => t.map((g, w) => ({
-      name: g.label,
-      value: g.value,
-      color: g.color ?? S1[w % S1.length]
+  const [l, c] = I.useState(null), d = I.useMemo(() => t.reduce((w, v) => w + v.value, 0), [t]), u = I.useMemo(
+    () => t.map((w, v) => ({
+      name: w.label,
+      value: w.value,
+      color: w.color ?? S1[v % S1.length]
     })),
     [t]
-  ), u = a === "horizontal", p = u ? 48 : 55, h = u ? 72 : 85, m = u ? 180 : 220;
+  ), p = a === "horizontal", h = s ?? (p ? 140 : 220), m = p ? Math.round(h * 0.34) : 55, g = p ? Math.round(h * 0.51) : 85;
   return /* @__PURE__ */ b("div", { className: C("flex flex-col gap-4 w-full", r), children: [
     e && /* @__PURE__ */ f("div", { className: "text-sm font-semibold text-foreground", children: e }),
-    i ? /* @__PURE__ */ f(KT, { layout: a }) : t.length === 0 ? /* @__PURE__ */ f(qT, {}) : /* @__PURE__ */ b("div", { className: C(u ? "flex items-center gap-4" : "flex flex-col gap-4"), children: [
+    i ? /* @__PURE__ */ f(KT, { layout: a, chartSize: h }) : t.length === 0 ? /* @__PURE__ */ f(qT, {}) : /* @__PURE__ */ b("div", { className: C(p ? "flex items-center gap-4" : "flex flex-col gap-4"), children: [
       /* @__PURE__ */ f(
         "div",
         {
           className: "shrink-0",
-          style: u ? { width: m, height: m } : { width: "100%", height: m },
+          style: p ? { width: h, height: h } : { width: "100%", height: h },
           children: /* @__PURE__ */ f(ky, { width: "100%", height: "100%", children: /* @__PURE__ */ b(Sy, { children: [
             /* @__PURE__ */ f(
               Iy,
               {
-                data: d,
+                data: u,
                 cx: "50%",
                 cy: "50%",
-                innerRadius: p,
-                outerRadius: h,
+                innerRadius: m,
+                outerRadius: g,
                 paddingAngle: 2,
                 dataKey: "value",
                 nameKey: "name",
-                onMouseEnter: (g, w) => l(w),
-                onMouseLeave: () => l(null),
-                shape: (g, w) => {
-                  var v;
+                onMouseEnter: (w, v) => c(v),
+                onMouseLeave: () => c(null),
+                shape: (w, v) => {
+                  var M;
                   return /* @__PURE__ */ f(
                     Ey,
                     {
-                      ...g,
-                      fill: (v = d[w]) == null ? void 0 : v.color,
+                      ...w,
+                      fill: (M = u[v]) == null ? void 0 : M.color,
                       stroke: "transparent",
-                      opacity: s !== null && s !== w ? 0.4 : 1
+                      opacity: l !== null && l !== v ? 0.4 : 1
                     }
                   );
                 },
@@ -52569,10 +52570,10 @@ function SR({
                     content: /* @__PURE__ */ f(
                       XT,
                       {
-                        activeIndex: s,
-                        chartData: d,
+                        activeIndex: l,
+                        chartData: u,
                         formatValue: n,
-                        total: c
+                        total: d
                       }
                     )
                   }
@@ -52582,20 +52583,20 @@ function SR({
             !o && /* @__PURE__ */ f(
               Ty,
               {
-                content: /* @__PURE__ */ f(ZT, { formatValue: n, total: c })
+                content: /* @__PURE__ */ f(ZT, { formatValue: n, total: d })
               }
             )
           ] }) })
         }
       ),
-      /* @__PURE__ */ f("div", { className: C(u ? "flex-1 min-w-0" : ""), children: /* @__PURE__ */ f(
+      /* @__PURE__ */ f("div", { className: C(p ? "flex-1 min-w-0" : ""), children: /* @__PURE__ */ f(
         _T,
         {
-          chartData: d,
-          total: c,
+          chartData: u,
+          total: d,
           formatValue: n,
-          activeIndex: s,
-          onHover: l
+          activeIndex: l,
+          onHover: c
         }
       ) })
     ] })