@moontra/moonui-pro 2.30.4 → 2.30.6

package/dist/index.mjs

@@ -86152,25 +86152,29 @@ function ChartWidget2({
           index2
         );
       }) }),
-      hoveredIndex !== null && /* @__PURE__ */ jsxs(
-        motion.div,
-        {
-          className: "absolute bg-background border-2 rounded-lg px-4 py-3 text-sm pointer-events-none shadow-xl",
-          style: {
-            left: "50%",
-            top: "10%",
-            transform: "translateX(-50%)",
-            zIndex: 100
-          },
-          initial: { opacity: 0, scale: 0.9 },
-          animate: { opacity: 1, scale: 1 },
-          transition: { duration: 0.15 },
-          children: [
-            /* @__PURE__ */ jsx("div", { className: "font-semibold text-foreground", children: labels[hoveredIndex] || `Item ${hoveredIndex + 1}` }),
-            /* @__PURE__ */ jsx("div", { className: "text-primary font-bold text-base mt-1", children: formatNumber2(values[hoveredIndex]) })
-          ]
-        }
-      ),
+      hoveredIndex !== null && (() => {
+        const barWidth = 85 / values.length;
+        const barCenterX = 10 + hoveredIndex * barWidth + barWidth / 2;
+        return /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            className: "absolute bg-background border-2 rounded-lg px-3 py-2 text-xs pointer-events-none shadow-xl",
+            style: {
+              left: `${barCenterX}%`,
+              top: "50%",
+              transform: "translate(-50%, -50%)",
+              zIndex: 100
+            },
+            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-bold text-sm mt-0.5", 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(

package/package.json

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