@moontra/moonui-pro 2.20.1 → 2.20.2

package/src/components/ui/button.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 import * as React from "react";
 import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "../../lib/utils";
@@ -29,11 +31,11 @@ const moonUIButtonProVariants = cva(
           "transition-all duration-200",
         ],
         secondary: [
-          "bg-muted text-muted-foreground",
-          "dark:bg-muted dark:text-muted-foreground",
-          "hover:bg-muted/80 dark:hover:bg-muted/80",
-          "active:bg-muted/70 dark:active:bg-muted/70",
-          "border border-input dark:border-input",
+          "bg-gray-100 text-gray-900",
+          "dark:bg-gray-800 dark:text-gray-100",
+          "hover:bg-gray-200 dark:hover:bg-gray-700",
+          "active:bg-gray-300 dark:active:bg-gray-600",
+          "border border-gray-200 dark:border-gray-700",
           "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
           "shadow-sm hover:shadow-md",
         ],
@@ -47,10 +49,10 @@ const moonUIButtonProVariants = cva(
           "transition-all duration-200",
         ],
         ghost: [
-          "text-foreground",
-          "dark:text-foreground",
-          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent dark:hover:text-accent-foreground",
-          "active:bg-accent/80 dark:active:bg-accent/80",
+          "text-gray-700",
+          "dark:text-gray-300",
+          "hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-gray-100",
+          "active:bg-gray-200 dark:active:bg-gray-700",
           "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
           "transition-all duration-200",
         ],
@@ -80,19 +82,21 @@ const moonUIButtonProVariants = cva(
           "transition-colors duration-200",
         ],
         gradient: [
-          "bg-gradient-to-r from-blue-600 to-purple-600 text-white",
-          "hover:from-blue-700 hover:to-purple-700",
-          "active:from-blue-800 active:to-purple-800",
-          "shadow-lg shadow-purple-500/25",
+          "bg-gradient-to-r from-purple-500 to-pink-500 text-white",
+          "hover:from-purple-600 hover:to-pink-600",
+          "active:from-purple-700 active:to-pink-700",
+          "shadow-xl shadow-purple-500/40",
+          "hover:shadow-2xl hover:shadow-purple-500/50",
           "focus-visible:ring-purple-500/50",
           "transition-all duration-300",
         ],
         glow: [
-          "bg-primary text-primary-foreground",
-          "shadow-lg shadow-primary/50",
-          "hover:shadow-xl hover:shadow-primary/60",
-          "active:shadow-md active:shadow-primary/40",
-          "focus-visible:ring-primary/50",
+          "bg-blue-500 text-white",
+          "shadow-[0_0_30px_rgba(59,130,246,0.5)]",
+          "hover:shadow-[0_0_40px_rgba(59,130,246,0.7)]",
+          "active:shadow-[0_0_20px_rgba(59,130,246,0.4)]",
+          "hover:bg-blue-600",
+          "focus-visible:ring-blue-500/50",
           "transition-all duration-300",
         ],
         soft: [
@@ -116,29 +120,31 @@ const moonUIButtonProVariants = cva(
           "transition-all duration-200",
         ],
         neon: [
-          "bg-transparent text-primary",
-          "border-2 border-primary",
-          "hover:bg-primary hover:text-primary-foreground",
-          "hover:shadow-[0_0_20px_rgba(var(--primary),0.5)]",
-          "active:shadow-[0_0_10px_rgba(var(--primary),0.3)]",
-          "focus-visible:ring-primary/50",
+          "bg-transparent text-green-400",
+          "border-2 border-green-400",
+          "hover:bg-green-400 hover:text-gray-900",
+          "hover:shadow-[0_0_30px_rgba(74,222,128,0.6)]",
+          "active:shadow-[0_0_15px_rgba(74,222,128,0.4)]",
+          "focus-visible:ring-green-400/50",
           "transition-all duration-300",
         ],
       },
       size: {
-        xs: "h-7 px-2.5 text-xs rounded-md",
-        sm: "h-8 px-3 text-sm rounded-md",
-        md: "h-10 px-4 text-base rounded-lg",
-        lg: "h-12 px-6 text-lg rounded-lg",
-        xl: "h-14 px-8 text-xl rounded-xl",
-        icon: "h-10 w-10 p-2 rounded-lg",
-        "icon-sm": "h-8 w-8 p-1.5 rounded-md",
-        "icon-lg": "h-12 w-12 p-3 rounded-xl",
+        xs: "h-7 px-2.5 text-xs",
+        sm: "h-8 px-3 text-sm",
+        md: "h-10 px-4 text-base",
+        lg: "h-12 px-6 text-lg",
+        xl: "h-14 px-8 text-xl",
+        icon: "h-10 w-10 p-2",
+        "icon-sm": "h-8 w-8 p-1.5",
+        "icon-lg": "h-12 w-12 p-3",
       },
       rounded: {
-        default: "",
+        default: "rounded-xl",
         full: "rounded-full",
         none: "rounded-none",
+        sm: "rounded-lg",
+        lg: "rounded-2xl",
       },
       fullWidth: {
         true: "w-full",

package/src/components/ui/card.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 import * as React from "react";
 import { cva, type VariantProps } from "class-variance-authority";
 import { motion } from "framer-motion";