@moontra/moonui 2.0.11 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui",
-  "version": "2.0.11",
+  "version": "2.1.0",
   "description": "Premium React component library with modern design and customization",
   "author": "MoonUI",
   "license": "MIT",

package/src/components/ui/button.tsx

@@ -4,12 +4,12 @@ import { cn } from "../../lib/utils";
 import { Loader2 } from "lucide-react";
 
 /**
- * Premium Button Component
+ * MoonUI Button Component
  * 
  * A world-class, accessible, and versatile button component.
  * Pixel-perfect design with extensive variants and states.
  */
-const buttonVariants = cva(
+const moonUIButtonVariants = cva(
   ["inline-flex items-center justify-center gap-2 whitespace-nowrap",
   "font-medium relative",
   "transition-all duration-200 ease-out",
@@ -156,10 +156,10 @@ const buttonVariants = cva(
   }
 );
 
-// Button component props
-export interface ButtonProps
+// MoonUI Button component props
+export interface MoonUIButtonProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
+    VariantProps<typeof moonUIButtonVariants> {
   asChild?: boolean;
   loading?: boolean;
   leftIcon?: React.ReactNode;
@@ -167,9 +167,9 @@ export interface ButtonProps
 }
 
 /**
- * Premium Button Component
+ * MoonUI Button Component
  * 
- * @param props - Button component properties
+ * @param props - MoonUI Button component properties
  * @param props.variant - Visual variant (primary, secondary, ghost, etc.)
  * @param props.size - Button size (xs, sm, md, lg, xl)
  * @param props.loading - Loading state display
@@ -179,7 +179,7 @@ export interface ButtonProps
  * @param props.rounded - Corner rounding style (default, full, none)
  * @param props.asChild - For Radix UI polymorphic component
  */
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
+const MoonUIButton = React.forwardRef<HTMLButtonElement, MoonUIButtonProps>(
   ({ 
     className, 
     variant, 
@@ -199,7 +199,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
     
     return (
       <Comp
-        className={cn(buttonVariants({ variant, size, rounded, fullWidth, className }))}
+        className={cn(moonUIButtonVariants({ variant, size, rounded, fullWidth, className }))}
         ref={ref}
         disabled={disabled || loading}
         data-loading={loading ? "" : undefined}
@@ -216,6 +216,10 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   }
 );
 
-Button.displayName = "Button";
+MoonUIButton.displayName = "MoonUIButton";
 
-export { Button, buttonVariants };
+export { MoonUIButton, moonUIButtonVariants };
+
+// Backward compatibility exports
+export { MoonUIButton as Button, moonUIButtonVariants as buttonVariants };
+export type { MoonUIButtonProps as ButtonProps };