@moontra/moonui-pro 2.30.1 → 2.30.3

package/dist/index.mjs

@@ -86109,31 +86109,6 @@ function ChartWidget2({
             animate: { opacity: 1, y: 0 },
             transition: { delay: index2 * 0.05 },
             children: [
-              isHovered && (() => {
-                const showInside = percentage > 70;
-                return /* @__PURE__ */ jsxs(
-                  motion.div,
-                  {
-                    className: "absolute bg-background border rounded-lg px-3 py-2 text-xs pointer-events-none z-20 shadow-lg",
-                    style: showInside ? {
-                      top: "20px",
-                      left: "50%",
-                      transform: "translateX(-50%)"
-                    } : {
-                      bottom: `calc(${percentage}% + 8px)`,
-                      left: "50%",
-                      transform: "translateX(-50%)"
-                    },
-                    initial: { opacity: 0, y: showInside ? -10 : 10 },
-                    animate: { opacity: 1, y: 0 },
-                    transition: { duration: 0.2 },
-                    children: [
-                      /* @__PURE__ */ jsx("div", { className: "font-medium", children: labels[index2] || `Item ${index2 + 1}` }),
-                      /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: formatNumber2(value) })
-                    ]
-                  }
-                );
-              })(),
               showDataLabels && /* @__PURE__ */ jsx(
                 motion.span,
                 {
@@ -86177,6 +86152,25 @@ function ChartWidget2({
           index2
         );
       }) }),
+      hoveredIndex !== null && /* @__PURE__ */ jsxs(
+        motion.div,
+        {
+          className: "absolute bg-background border rounded-lg px-3 py-2 text-xs pointer-events-none shadow-lg",
+          style: {
+            left: `${10 + hoveredIndex / values.length * 85 + 85 / values.length / 2}%`,
+            bottom: `${Math.min(90, 30 + values[hoveredIndex] / maxValue * 60)}%`,
+            transform: "translateX(-50%)",
+            zIndex: 50
+          },
+          initial: { opacity: 0, y: 10 },
+          animate: { opacity: 1, y: 0 },
+          transition: { duration: 0.2 },
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "font-medium", children: labels[hoveredIndex] || `Item ${hoveredIndex + 1}` }),
+            /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: formatNumber2(values[hoveredIndex]) })
+          ]
+        }
+      ),
       /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-10 right-0 flex justify-between gap-1 pr-2 h-6", children: labels.map((label, index2) => /* @__PURE__ */ jsx("div", { className: "flex-1 flex justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground truncate", children: label }) }, index2)) }),
       showGrid && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 pb-6 pointer-events-none", children: [
         [0, 25, 50, 75, 100].map((percentage) => /* @__PURE__ */ jsx(
@@ -86275,19 +86269,23 @@ function ChartWidget2({
               {
                 cx: point.x,
                 cy: point.y,
-                r: "1",
+                r: "1.2",
                 fill: chartColors[0],
                 stroke: "white",
-                strokeWidth: "1.5",
+                strokeWidth: "1",
                 initial: { r: 0, opacity: 0 },
                 animate: {
-                  r: hoveredIndex === index2 ? 2.5 : 1,
+                  r: hoveredIndex === index2 ? 2 : 1.2,
                   opacity: 1,
-                  strokeWidth: hoveredIndex === index2 ? 2 : 1.5
+                  strokeWidth: hoveredIndex === index2 ? 1.2 : 1
                 },
                 onMouseEnter: () => setHoveredIndex(index2),
                 onMouseLeave: () => setHoveredIndex(null),
                 className: "cursor-pointer",
+                style: {
+                  shapeRendering: "geometricPrecision",
+                  vectorEffect: "non-scaling-stroke"
+                },
                 onClick: () => onDataPointClick?.(point),
                 transition: { duration: 0.2 }
               },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.30.1",
+    "version": "2.30.3",
     "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",