@moontra/moonui-pro 2.28.4 → 2.28.5

package/dist/index.mjs

@@ -85703,6 +85703,7 @@ function WidgetBase({
   animate: animate5 = true,
   rounded = "lg",
   shadow = "sm",
+  gradientDirection = "to-br",
   overlay
 }) {
   const colorSchemeClasses = {
@@ -85738,13 +85739,31 @@ function WidgetBase({
     waves: "radial-gradient(ellipse at center, transparent 20%, currentColor 21%, currentColor 25%, transparent 26%)",
     none: "none"
   };
+  const gradientDirectionClasses = {
+    "to-t": "bg-gradient-to-t",
+    // top
+    "to-tr": "bg-gradient-to-tr",
+    // top-right
+    "to-r": "bg-gradient-to-r",
+    // right
+    "to-br": "bg-gradient-to-br",
+    // bottom-right (default)
+    "to-b": "bg-gradient-to-b",
+    // bottom
+    "to-bl": "bg-gradient-to-bl",
+    // bottom-left
+    "to-l": "bg-gradient-to-l",
+    // left
+    "to-tl": "bg-gradient-to-tl"
+    // top-left
+  };
   const variantClasses = {
     default: "bg-card border",
     minimal: "border-0 shadow-none bg-card/50",
     glass: "bg-background/60 backdrop-blur-md border-white/10",
     bordered: "border-2 bg-card",
-    gradient: `bg-gradient-to-br ${colorSchemeClasses[colorScheme]}`,
-    colored: `bg-gradient-to-br ${colorSchemeClasses[colorScheme]} border-2`,
+    gradient: `${gradientDirectionClasses[gradientDirection]} ${colorSchemeClasses[colorScheme]}`,
+    colored: `${gradientDirectionClasses[gradientDirection]} ${colorSchemeClasses[colorScheme]} border-2`,
     overlay: "bg-card border relative overflow-hidden",
     floating: "bg-card border-0 shadow-2xl hover:shadow-3xl transition-shadow duration-300"
   };
@@ -85802,6 +85821,7 @@ function KPIWidget({
   title,
   variant = "default",
   backgroundVariant,
+  gradientDirection,
   orientation = "horizontal",
   showTrend = true,
   showTarget = true,
@@ -85978,6 +85998,7 @@ function KPIWidget({
     {
       title,
       variant: backgroundVariant,
+      gradientDirection,
       ...widgetProps,
       children: /* @__PURE__ */ jsx("div", { className: cn(
         "space-y-4",
@@ -85992,6 +86013,7 @@ function ChartWidget2({
   type = "line",
   variant = "default",
   backgroundVariant,
+  gradientDirection,
   height = 300,
   showLegend = true,
   showGrid = true,
@@ -86293,6 +86315,7 @@ function ChartWidget2({
     {
       title,
       variant: backgroundVariant,
+      gradientDirection,
       ...widgetProps,
       children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
         data.total !== void 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
@@ -86326,6 +86349,7 @@ function GaugeWidget({
   title,
   variant = "radial",
   backgroundVariant,
+  gradientDirection,
   showValue = true,
   showTarget = true,
   showThresholds = true,
@@ -86599,6 +86623,7 @@ function GaugeWidget({
     {
       title,
       variant: backgroundVariant,
+      gradientDirection,
       ...widgetProps,
       children: /* @__PURE__ */ jsx("div", { className: cn(
         "flex flex-wrap items-center justify-center",
@@ -86613,6 +86638,7 @@ function FunnelWidget({
   title,
   variant = "vertical",
   backgroundVariant,
+  gradientDirection,
   showValues = true,
   showPercentages = true,
   showDropoff = true,
@@ -86927,6 +86953,7 @@ function FunnelWidget({
     {
       title,
       variant: backgroundVariant,
+      gradientDirection,
       ...widgetProps,
       children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
         showConversionRate && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 bg-muted/30 rounded-lg", children: [
@@ -87313,6 +87340,7 @@ function ServerMonitorWidget({
   title,
   variant = "default",
   backgroundVariant,
+  gradientDirection,
   showMetrics = true,
   showAlerts = true,
   showServices = false,
@@ -87682,6 +87710,7 @@ function ServerMonitorWidget({
     {
       title,
       variant: backgroundVariant,
+      gradientDirection,
       ...widgetProps,
       children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: renderContent() })
     }

package/package.json

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