@moontra/moonui-pro 2.28.12 → 2.30.0

package/dist/index.mjs

@@ -85695,6 +85695,7 @@ function WidgetBase({
   subtitle,
   children,
   variant = "default",
+  backgroundVariant,
   colorScheme = "blue",
   className,
   headerAction,
@@ -85706,6 +85707,7 @@ function WidgetBase({
   gradientDirection = "to-br",
   overlay
 }) {
+  const activeVariant = backgroundVariant || variant;
   const colorSchemeClasses = {
     blue: "from-blue-500/10 via-blue-500/5 to-transparent border-blue-500/20 dark:from-blue-400/10 dark:via-blue-400/5 dark:border-blue-400/20",
     green: "from-green-500/10 via-green-500/5 to-transparent border-green-500/20 dark:from-green-400/10 dark:via-green-400/5 dark:border-green-400/20",
@@ -85790,15 +85792,15 @@ function WidgetBase({
     MoonUICardPro,
     {
       className: cn(
-        variantClasses[variant],
+        variantClasses[activeVariant],
         roundedClasses[rounded],
         shadowClasses[shadow],
         "transition-all duration-200 relative",
         className
       ),
-      style: variant === "gradient" || variant === "colored" ? gradientDirectionStyles[gradientDirection] : void 0,
+      style: activeVariant === "gradient" || activeVariant === "colored" ? gradientDirectionStyles[gradientDirection] : void 0,
       children: [
-        (variant === "overlay" || overlay) && overlay?.pattern && overlay.pattern !== "none" && /* @__PURE__ */ jsx(
+        (activeVariant === "overlay" || overlay) && overlay?.pattern && overlay.pattern !== "none" && /* @__PURE__ */ jsx(
           "div",
           {
             className: "absolute inset-0 pointer-events-none",
@@ -86099,12 +86101,36 @@ function ChartWidget2({
             animate: { opacity: 1, y: 0 },
             transition: { delay: index2 * 0.05 },
             children: [
-              showDataLabels && isHovered && /* @__PURE__ */ jsx(
+              isHovered && /* @__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: {
+                    bottom: `calc(${percentage}% + 8px)`,
+                    left: "50%",
+                    transform: "translateX(-50%)"
+                  },
+                  initial: { opacity: 0, y: 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,
                 {
-                  className: "absolute text-xs font-medium -top-5",
+                  className: "absolute text-xs font-medium text-white mix-blend-difference",
+                  style: {
+                    bottom: `calc(${percentage}% / 2)`,
+                    left: "50%",
+                    transform: "translateX(-50%)"
+                  },
                   initial: { opacity: 0 },
                   animate: { opacity: 1 },
+                  transition: { delay: index2 * 0.1 + 0.6 },
                   children: formatNumber2(value)
                 }
               ),
@@ -86112,8 +86138,8 @@ function ChartWidget2({
                 motion.div,
                 {
                   className: cn(
-                    "w-full rounded-t cursor-pointer",
-                    isHovered && "opacity-80"
+                    "w-full rounded-t cursor-pointer transition-all duration-200",
+                    isHovered && "brightness-110 scale-y-105"
                   ),
                   style: {
                     backgroundColor: chartColors[index2 % chartColors.length],

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.28.12",
+    "version": "2.30.0",
     "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",
@@ -81,7 +81,7 @@
         "react-dom": ">=18.0.0 || ^19.0.0"
     },
     "dependencies": {
-        "@moontra/moonui-pro": "^2.28.5",
+        "@moontra/moonui-pro": "^2.28.12",
         "@radix-ui/react-accordion": "^1.2.11",
         "@radix-ui/react-avatar": "^1.1.10",
         "@radix-ui/react-checkbox": "^1.3.2",