@moontra/moonui-pro 2.30.5 → 2.30.7

package/dist/index.mjs

@@ -86154,25 +86154,23 @@ function ChartWidget2({
       }) }),
       hoveredIndex !== null && (() => {
         const barWidth = 85 / values.length;
-        const barPosition = 10 + hoveredIndex * barWidth + barWidth / 2;
-        const barHeight = values[hoveredIndex] / maxValue * 100;
-        const tooltipBottom = Math.min(85, Math.max(40, 30 + barHeight * 0.7));
+        const barCenterX = 10 + hoveredIndex * barWidth + barWidth / 2;
         return /* @__PURE__ */ jsxs(
           motion.div,
           {
-            className: "absolute bg-background border rounded-lg px-3 py-2 text-xs pointer-events-none shadow-lg",
+            className: "absolute bg-background border-2 rounded-lg px-3 py-2 text-xs pointer-events-none shadow-xl",
             style: {
-              left: `${barPosition}%`,
-              bottom: `${tooltipBottom}%`,
-              transform: "translateX(-50%)",
+              left: `${barCenterX}%`,
+              top: "50%",
+              transform: "translate(-50%, -50%)",
               zIndex: 100
             },
-            initial: { opacity: 0, y: -5 },
-            animate: { opacity: 1, y: 0 },
+            initial: { opacity: 0, scale: 0.95 },
+            animate: { opacity: 1, scale: 1 },
             transition: { duration: 0.15 },
             children: [
               /* @__PURE__ */ jsx("div", { className: "font-medium text-foreground", children: labels[hoveredIndex] || `Item ${hoveredIndex + 1}` }),
-              /* @__PURE__ */ jsx("div", { className: "text-primary font-semibold text-sm mt-0.5", children: formatNumber2(values[hoveredIndex]) })
+              /* @__PURE__ */ jsx("div", { className: "text-primary font-bold text-sm mt-0.5", children: formatNumber2(values[hoveredIndex]) })
             ]
           }
         );
@@ -86217,7 +86215,7 @@ function ChartWidget2({
         {
           className: "w-full h-full",
           viewBox: "0 0 100 100",
-          preserveAspectRatio: "none",
+          preserveAspectRatio: "xMidYMid meet",
           children: [
             /* @__PURE__ */ jsxs("defs", { children: [
               /* @__PURE__ */ jsxs("linearGradient", { id: "chartLineGradient", x1: "0%", y1: "0%", x2: "100%", y2: "0%", children: [
@@ -86252,12 +86250,15 @@ function ChartWidget2({
                 d: pathData,
                 fill: "none",
                 stroke: "url(#chartLineGradient)",
-                strokeWidth: "1.5",
+                strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 initial: { pathLength: 0 },
                 animate: { pathLength: 1 },
-                transition: { duration: animate5 ? 1 : 0 }
+                transition: { duration: animate5 ? 1 : 0 },
+                style: {
+                  vectorEffect: "non-scaling-stroke"
+                }
               }
             ),
             type === "area" && /* @__PURE__ */ jsx(
@@ -86275,15 +86276,15 @@ function ChartWidget2({
               {
                 cx: point.x,
                 cy: point.y,
-                r: "1.2",
+                r: "1.5",
                 fill: chartColors[0],
                 stroke: "white",
-                strokeWidth: "1",
+                strokeWidth: "1.5",
                 initial: { r: 0, opacity: 0 },
                 animate: {
-                  r: hoveredIndex === index2 ? 2 : 1.2,
+                  r: hoveredIndex === index2 ? 2.5 : 1.5,
                   opacity: 1,
-                  strokeWidth: hoveredIndex === index2 ? 1.2 : 1
+                  strokeWidth: hoveredIndex === index2 ? 2 : 1.5
                 },
                 onMouseEnter: () => setHoveredIndex(index2),
                 onMouseLeave: () => setHoveredIndex(null),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.30.5",
+    "version": "2.30.7",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",