@moontra/moonui-pro 2.30.3 → 2.30.5

package/dist/index.mjs

@@ -86152,25 +86152,31 @@ 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]) })
-          ]
-        }
-      ),
+      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));
+        return /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            className: "absolute bg-background border rounded-lg px-3 py-2 text-xs pointer-events-none shadow-lg",
+            style: {
+              left: `${barPosition}%`,
+              bottom: `${tooltipBottom}%`,
+              transform: "translateX(-50%)",
+              zIndex: 100
+            },
+            initial: { opacity: 0, y: -5 },
+            animate: { opacity: 1, y: 0 },
+            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: "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.3",
+    "version": "2.30.5",
     "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",